/* ============================================================
   Yablonskyy — Color tokens · "Amber Walnut"
   Warm cream + warm-black ink + a single confident Amber.
   Usage ratio ≈ 70% surface / 20% walnut / 10% amber.
   ============================================================ */

:root {
  /* --- Accent (shared across both themes; the constant) --- */
  --amber: #DD7C2A;          /* fills, buttons, large/bold text */
  --amber-press: #A6541A;    /* body-copy links on light (AA, underline); hover */
  --amber-light: #EA9446;    /* dark-mode fills */
  --amber-link: #F0A45A;     /* dark-mode links */
  --ember: #B8210F;          /* rare secondary, emphasis only */

  /* --- Walnut neutral ramp --- */
  --ink: #1A1613;            /* warm black */
  --walnut-900: #16120E;     /* footer / deepest */
  --walnut-800: #29221C;     /* dark surface / card */
  --walnut-700: #38302A;     /* dark line */
  --walnut-600: #4A4038;
  --walnut-500: #7E7060;     /* light muted text */
  --walnut-400: #978C7E;
  --walnut-300: #A2968A;     /* dark muted text */
  --walnut-200: #CFC6B8;     /* light body on dark */
  --sand-300: #E8E0D2;
  --sand-200: #E2DBCC;       /* light line */
  --sand-100: #ECE4D6;       /* neutral chip on light */
  --paper: #F6F2EA;          /* light background (cream) */
  --paper-card: #FCFAF4;     /* light surface / card (off-white) */
  --bone: #F2ECE0;           /* dark-theme text */

  /* --- Semantic aliases — LIGHT theme (default) --- */
  --bg: var(--paper);
  --surface: var(--paper-card);
  --text: var(--ink);
  --text-muted: var(--walnut-500);
  --text-body: #3A332B;
  --line: var(--sand-200);
  --accent-fill: var(--amber);
  --accent-link: var(--amber-press);
  --on-accent: #ffffff;        /* text on an amber fill */
  --chip-bg: var(--sand-100);
  --chip-text: var(--text-body);
  --chip-accent-bg: rgba(221, 124, 42, 0.12);
  --chip-accent-text: var(--amber-press);
  --selection-bg: var(--amber);
  --selection-text: #ffffff;
}

/* --- Semantic aliases — DARK theme --- */
:root[data-theme="dark"],
.theme-dark {
  --bg: #1E1915;
  --surface: var(--walnut-800);
  --text: var(--bone);
  --text-muted: var(--walnut-300);
  --text-body: var(--walnut-200);
  --line: var(--walnut-700);
  --accent-fill: var(--amber-light);
  --accent-link: var(--amber-link);
  --on-accent: var(--ink);     /* dark ink reads on the lighter dark-mode amber */
  --chip-bg: var(--walnut-700);
  --chip-text: var(--walnut-200);
  --chip-accent-bg: rgba(234, 148, 70, 0.14);
  --chip-accent-text: var(--amber-link);
  --selection-bg: var(--amber-light);
  --selection-text: var(--ink);
}