:root {
  /* ── Greens: the brand's ground ─────────────────────────── */
  --green-900: #1d261a;  /* cover / full-bleed panel */
  --green-850: #20291d;  /* dark card, highlighted tier */
  --green-800: #212c1f;  /* ink — page headlines on cream */
  --green-750: #243019;  /* item headings on cream */
  --green-700: #2f3b2c;  /* timeline node fill */
  --green-600: #3a4a38;  /* italic accent, prices */
  --green-500: #46503e;
  --green-400: #4d5446;  /* body copy */
  --green-300: #5f6657;  /* secondary body, qualifiers */
  --green-200: #6f7563;  /* muted label */
  --green-150: #7d8474;
  --green-100: #8a907f;  /* muted on cream */

  /* ── Brass: the only accent ─────────────────────────────── */
  --brass-700: #7a611f;  /* dark gold text on gold tint */
  --brass-600: #8d7a4a;
  --brass-500: #a9863f;  /* gold label text on cream */
  --brass-400: #b08e4f;  /* PRIMARY brass — rules, bullets, icons */
  --brass-300: #bb9a5e;  /* gold eyebrow on dark */
  --brass-250: #c9a96e;  /* light gold — badges, on-dark rules */
  --brass-200: #d3b878;
  --brass-150: #d9c188;  /* gold italic on dark */
  --brass-100: #dac79b;
  --brass-050: #e0cb96;  /* large gold price on dark */

  /* ── Creams: paper ──────────────────────────────────────── */
  --cream-050: #fcfaf4;  /* page / panel ground */
  --cream-100: #f7f3ea;  /* card ground (page 2) */
  --cream-150: #f6f1e6;  /* card ground (page 1) */
  --cream-200: #f5f1e8;
  --cream-250: #f6efde;  /* gold-tinted chip */
  --cream-300: #efe4c8;  /* gold-tinted chip, emphasis */

  /* ── Creams on dark ─────────────────────────────────────── */
  --oncream-100: #f4ecd8;  /* headline on green */
  --oncream-200: #efe7d4;  /* body default on green */
  --oncream-300: #e3ded0;  /* list item on green */
  --oncream-400: #dcdacb;
  --oncream-500: #c4c4b2;  /* secondary copy on green */
  --oncream-600: #9aa089;  /* muted meta on green */

  /* ── Hairlines & borders ────────────────────────────────── */
  --line-100: #ece5d5;  /* panel divider */
  --line-200: #eae3d3;  /* in-card divider (page 2) */
  --line-300: #e6dfcd;  /* card border, in-card divider */
  --line-400: #e2dac9;  /* footer rule */
  --line-500: #e0d3b2;  /* gold-tinted chip border */
  --line-600: #d9d1bf;  /* inline pipe separator */
  --line-700: #d8ccae;  /* marker chip border */
  --line-800: #cdb985;  /* strong gold border */
  --line-onDark: rgba(201,169,110,.28);  /* rule on green */
  --line-onDark-soft: rgba(201,169,110,.2);

  /* ── Ring motif (growth rings on cover) ─────────────────── */
  --ring-1: rgba(176,142,79,.13);
  --ring-2: rgba(176,142,79,.10);
  --ring-3: rgba(176,142,79,.07);
  --ring-4: rgba(176,142,79,.045);
  --ring-glow: rgba(176,142,79,.12);

  /* ── Semantic aliases ───────────────────────────────────── */
  --surface-page: var(--cream-050);
  --surface-card: var(--cream-150);
  --surface-card-alt: var(--cream-100);
  --surface-inverse: var(--green-900);
  --surface-inverse-card: var(--green-850);
  --surface-chip: var(--cream-250);

  --text-heading: var(--green-800);
  --text-item: var(--green-750);
  --text-body: var(--green-400);
  --text-secondary: var(--green-300);
  --text-muted: var(--green-100);
  --text-label: var(--brass-500);
  --text-price: var(--green-600);
  --text-accent: var(--green-600);

  --text-inverse-heading: var(--oncream-100);
  --text-inverse-body: var(--oncream-500);
  --text-inverse-item: var(--oncream-300);
  --text-inverse-meta: var(--oncream-600);
  --text-inverse-label: var(--brass-300);
  --text-inverse-accent: var(--brass-150);
  --text-inverse-price: var(--brass-050);

  --accent: var(--brass-400);
  --accent-on-dark: var(--brass-250);
  --border-card: var(--line-300);
  --border-strong: var(--line-800);
  --divider: var(--line-300);
}