/* alexbahia.com theme override for Alex's Lunde verb conjugator and grammar pages.
   Loaded after lunde.css and the page styles. It only re-points the neutral paper/ink colours and the
   interface font to the poetry page's palette (EB Garamond, Courier Prime labels).
   The verb-form colours (--samon, --namon, --exmon and their washes), the case colour and the check
   colours are NOT touched, in light or dark mode. Lunde words and IPA keep Gentium (--f-lx). */
:root {
  --bg: #EDE7DA;        /* poetry desk #E7E0CF, lightened slightly so the verb colours keep 4.5:1 contrast */
  --panel: #FBF8F1;     /* poetry sheet */
  --ink: #211C17;
  --ink-2: #4F463C;
  --ink-3: #685D50;     /* poetry muted #74695C, darkened slightly for small text on the desk */
  --line: #D9CEBB;
  --line-soft: #E6DECE;
  --shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 18px 36px -22px rgba(60, 40, 20, .38);
  --f-ui: 'EB Garamond', Georgia, 'Times New Roman', serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #15120E; --panel: #221E19; --ink: #ECE4D4; --ink-2: #CFC5B3; --ink-3: #A99D8B;
    --line: #3B342B; --line-soft: #2A251F;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 36px -22px rgba(0, 0, 0, .7);
  }
}
/* Small capitals labels in the poetry page's typewriter face */
.eyebrow { font-family: 'Courier Prime', 'Courier New', ui-monospace, monospace; font-weight: 400; }

/* ---- Site standard (review H1): the tool sits on the same paper sheet as every other page ----
   Scoped overrides only; the conjugator's own layout, logic and the verb-form / case / check colours
   (--samon, --namon, --exmon, --case, --q, --ok, --bad and their washes) are untouched. */
body {
  background: #E7E0CF;                 /* the site desk */
  font: 400 19px/1.6 'EB Garamond', Georgia, 'Times New Roman', serif;
  display: flex; flex-direction: column; min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
/* .tool-sheet is the shared .ab-card (assets/chrome.css): width, padding, margins and min-height come from there. */
.tool-sheet:focus { outline: none; }
.tool-sheet .page { max-width: none; margin: 0; padding: 0; }
.tool-sheet .lunde-nav { margin: 0 0 1.75rem; }
.tool-sheet .lunde-pager { margin: 2.5rem 0 0; }
/* headings: the site's weight 500, no condensed/expanded display face */
.mast h1 { font: 500 2.1rem/1.25 var(--f-ui); font-stretch: normal; letter-spacing: 0; }
.ref h2, .gsec h2 { font: 500 1.45rem/1.25 var(--f-ui); font-stretch: normal; letter-spacing: 0; }
.blk-head h3, .rule-blk h3, .gsec h3 { font-weight: 400; font-stretch: normal; font-family: 'Courier Prime', 'Courier New', ui-monospace, monospace; }
.qc-n { font-weight: 500; font-stretch: normal; }
.lede { font-size: 1em; }
/* shared footer and skip link (same as assets/site.css) */
.site-footer { color: #665C50; font-family: 'Courier Prime', 'Courier New', ui-monospace, monospace; font-size: 12px; letter-spacing: .08em; }
.site-footer .wrap { box-sizing: border-box; width: calc(100% - 32px); max-width: 1360px; margin: 0 auto; padding: 0 64px 24px; }
.site-footer p { margin: 0; }
.skip-link { position: absolute; left: -999px; top: 0; background: #A3241A; color: #fff; padding: .5rem 1rem; z-index: 10; }
.skip-link:focus { left: .5rem; top: .5rem; }
@media (max-width: 640px) {
  body { font-size: 18px; }
  .site-footer .wrap { padding: 0 22px 24px; }
  .mast h1 { font-size: 1.7rem; }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body { background: #15120E; }
  :root:not([data-theme="light"]) .tool-sheet { box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 24px 44px -24px rgba(0,0,0,.7); }
  :root:not([data-theme="light"]) .site-footer { color: #A99D8B; }
}