/* ─────────────────────────────────────────────────────────────
   Eicon · Color tokens
   A warm, paper-and-ink palette. Near-black ink on bone-white
   paper, with two semantic accents — verify (green) and pending
   (amber) — that drive every recognition / contribution state.
   ───────────────────────────────────────────────────────────── */
:root {
  /* ── Ink scale (text + true-dark surfaces) ── */
  --ink: #0d0d0c;          /* primary text, primary buttons */
  --ink-2: #3a3a37;        /* secondary text, body copy */
  --muted: #737069;        /* tertiary text, captions, hints */
  --muted-2: #9b988f;      /* placeholder, disabled, faint meta */
  --black: #111110;        /* bottom nav / chrome on true-black surfaces */

  /* ── Paper scale (light surfaces) ── */
  --paper: #ffffff;        /* base canvas */
  --wash: #efeee9;         /* warm header strip behind page titles */
  --card: #f5f4f0;         /* default card / chip fill */
  --card-2: #ebe9e3;       /* nested card, track, pressed fill */

  /* ── Hairlines ── */
  --hair: rgba(13, 13, 12, 0.09);   /* dividers, soft borders */
  --hair-2: rgba(13, 13, 12, 0.16); /* input outlines, stronger borders */

  /* ── App backdrop (the warm near-black the device sits on) ── */
  --backdrop: #211f1a;
  --backdrop-2: #26251f;
  --camera: #1c1b18;        /* camera / scan chrome */

  /* ── Verify (green) — recognised, confirmed, "good to go" ── */
  --verify: oklch(0.56 0.075 152);       /* solid fill, success buttons */
  --verify-tint: oklch(0.95 0.025 152);  /* tint backgrounds, badges */
  --verify-ink: oklch(0.42 0.07 152);    /* text/icon on tint */

  /* ── Pending (amber) — awaiting verification, attention, busy ── */
  --pending: oklch(0.66 0.09 73);        /* solid fill, pins */
  --pending-tint: oklch(0.955 0.03 76);  /* tint backgrounds, badges */
  --pending-ink: oklch(0.5 0.09 65);     /* text/icon on tint */

  /* ── Misc accents ── */
  --heart: #c0392b;        /* filled save / favourite heart */
  --link: #2c5fa8;         /* inline hyperlinks in catalogue meta */

  /* ─────────────── Semantic aliases ─────────────── */
  --text-primary: var(--ink);
  --text-body: var(--ink-2);
  --text-muted: var(--muted);
  --text-faint: var(--muted-2);
  --text-on-dark: #ffffff;

  --surface-page: var(--paper);
  --surface-card: var(--card);
  --surface-card-nested: var(--card-2);
  --surface-header: var(--wash);
  --surface-dark: var(--ink);

  --border-hairline: var(--hair);
  --border-strong: var(--hair-2);
}