/* ==========================================================================
   BRAND-TOKENS.CSS — the landing design system's tokens, extracted.
   Editorial-institutional: near-black ink, ivory parchment, brand navy,
   signal green. Discipline: no gradients, no glow, hairline dividers,
   tabular numerals.

   ONE home for these values. landing.html, login.html and auth-confirm.html
   all link this file — do not re-declare the palette inline in any of them.
   (login.html used to carry its own :root block with a "keep in sync"
   comment; two of its values had already drifted by the time it was
   replaced with this file.)
   ========================================================================== */
:root{
  /* Brand */
  --brand-navy:      #1A2D5A;
  --brand-navy-hi:   #2A4680;
  --signal-green:    #2E6A45;
  --signal-green-hi: #3A8557;
  --signal-red:      #7A2323;
  /* Signal red is a FILL colour and is unreadable as text on ink; use this
     lightened step (~6:1 on --ink) for error text. */
  --signal-red-text: #E08585;
  --signal-amber:    #B5851A;

  /* Type */
  --font-serif:      "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:       "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Dark surfaces (default) — near-black warm ink */
  --ink:             #0A0C10;
  --ink-raised:      #10131A;
  --ink-panel:       #141821;
  --ink-hover:       #1B2130;
  --line:            rgba(255,255,255,0.08);
  --line-strong:     rgba(255,255,255,0.14);
  --text:            #EDEEF2;
  --text-dim:        #9AA3B2;
  --text-muted:      #626B7C;

  /* Parchment breakout (used inside the editorial essay section, both themes) */
  --parchment:       #F4EDDC;
  --parchment-ink:   #1A1712;
  --parchment-dim:   #55503F;
  --parchment-line:  rgba(26,23,18,0.14);
  --parchment-accent:#8A5A1A;

  /* Elevations — barely there */
  --shadow-1:        0 1px 0 rgba(255,255,255,0.02), 0 6px 24px rgba(0,0,0,0.35);
}
:root[data-theme="light"]{
  --ink:             #F7F5EF;
  --ink-raised:      #FFFFFF;
  --ink-panel:       #F1EEE6;
  --ink-hover:       #E8E4D8;
  --line:            rgba(10,12,16,0.10);
  --line-strong:     rgba(10,12,16,0.20);
  --text:            #10131A;
  --text-dim:        #4A5265;
  --text-muted:      #7A8290;
  --signal-red-text: #A33030;
  --shadow-1:        0 1px 0 rgba(0,0,0,0.02), 0 6px 24px rgba(0,0,0,0.06);
}