/* ============================================================================
   codetero — TONE: lapwing (bone & slate plumage, bronze shoulder, crimson eye)
   ----------------------------------------------------------------------------
   Drawn from the southern lapwing: bone-white breast, slate-grey hood, a warm
   bronze-tan shoulder and the bird's crimson eye and legs as the one sharp
   signal. Warm paper neutrals in light, slate-blue graphite in dark — an
   earthy, field-guide read: grounded, printed, considered. The deep wine
   crimson leads; tan is the secondary; dusty rose opens the ramp.

   Source colours: #8F1030 #9A9088 #F5F2ED #BE8F63 #22303C #D8BDBC.

   Token NAMES are identical across every tone (so each is a drop-in); the colour
   ramp goes --ramp-1 (lightest/coolest) → --ramp-4 (deepest/hottest).
   Pair with tokens.base.css.
   ============================================================================ */
:root {
  /* neutrals — light (bone paper, warm grey borders, slate ink) */
  --bg: #f5f2ed;
  --bg-alt: #ece7df;
  --bg-elev: #fffdfa;
  --bg-code: #efeae1;
  --border: #ddd6cc;
  --fg: #22303c;
  --fg-muted: #6b625a;

  /* accents — crimson eye, bronze-tan shoulder */
  --accent: #8f1030;
  --accent-fg: #ffffff;
  --accent-2: #be8f63;

  /* gradient ramp — dusty rose → bronze tan → wine crimson → slate hood */
  --ramp-1: #d8bdbc;
  --ramp-2: #be8f63;
  --ramp-3: #8f1030;
  --ramp-4: #22303c;

  --grad-main: linear-gradient(100deg, #d8bdbc, #be8f63, #8f1030, #22303c);
  --grad-accent: linear-gradient(120deg, #be8f63, #8f1030);

  /* buttons — SOLID wine, wine glow */
  --btn-bg: #8f1030;
  --btn-bg-hover: #7a0d29;
  --btn-bg-active: #660a22;
  --btn-fg: #ffffff;
  --btn-shadow: 0 8px 22px -10px rgba(143, 16, 48, 0.55);
  --btn-shadow-hover: 0 12px 26px -10px rgba(176, 38, 72, 0.78);
  --btn-shadow-soft: 0 9px 24px -12px rgba(143, 16, 48, 0.42);

  --glow: rgba(190, 143, 99, 0.24);

  /* The accent is a red, so `danger` is pushed hotter and more orange than the
     shared default — brand crimson and an error must never read alike. */
  --danger: #e5484d;
}

:root[data-theme="dark"] {
  /* neutrals — dark (slate-blue graphite; the hood becomes the card surface) */
  --bg: #151d24;
  --bg-alt: #1b262f;
  --bg-elev: #22303c;
  --bg-code: #1b262f;
  --border: #33424f;
  --fg: #f5f2ed;
  --fg-muted: #9a9088;

  --accent: #d05a74;         /* the crimson eye, lifted to read on slate */
  --accent-fg: #2a0710;
  --accent-2: #d8bdbc;       /* dusty rose linework */
  --glow: rgba(208, 90, 116, 0.26);
  /* Pushed all the way to vermilion here. On the dark scheme the accent is a
     lifted rose-crimson, and a red danger next to it is indistinguishable —
     separating on hue is the only lever left once value is spent. */
  --danger: #e75d23;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #151d24;
    --bg-alt: #1b262f;
    --bg-elev: #22303c;
    --bg-code: #1b262f;
    --border: #33424f;
    --fg: #f5f2ed;
    --fg-muted: #9a9088;
    --accent: #d05a74;
    --accent-fg: #2a0710;
    --accent-2: #d8bdbc;
    --glow: rgba(208, 90, 116, 0.26);
    --danger: #e75d23;
  }
}