/* ════════ COLOR TOKENS ════════
 * SNQ runs a single chromatic story: bright emerald primary on warm
 * platinum neutrals, deep forest greens for dark surfaces, and a
 * champagne gold as the sparing prestige accent. Never more than ~4
 * active colors on screen (per the SNQ brief).
 */
:root {
  /* ── Surfaces / neutrals (warm platinum, faint cool green) ── */
  --bg: #FAFCFB;          /* clean near-white page base */
  --bg-card: #FFFFFF;     /* card / panel surface */
  --bg-tint: #EFF4F0;     /* crisp pale green fill */
  --bg-sand: #E7EEE8;     /* cool media wells */

  /* ── Ink / text (deep green-black ramp) ── */
  --ink: #0C1F17;         /* primary text — deep green-black */
  --ink-2: #355247;       /* secondary text / body */
  --ink-3: #6F8479;       /* tertiary / captions */
  --ink-4: #A4B3AB;       /* disabled / faint meta */

  /* ── Hairlines / borders ── */
  --line: #E8EDE8;
  --line-2: #DBE3DD;
  --line-strong: #C8D3CA;

  /* ── Deep forest greens (dark sections, hero, footer) ── */
  --forest: #0E2A22;
  --forest-2: #0A2018;
  --forest-3: #173F33;

  /* ── Primary — bright emerald (CTA, highlights, links) ── */
  --brand: #16B87A;        /* vivid emerald */
  --brand-deep: #0E8C5C;   /* hover / pressed */
  --brand-soft: #DAF4E6;   /* soft chip fill */
  --brand-tint: #ECF8F1;   /* faintest wash */

  /* ── Accent mirrors brand by default (one green story) ── */
  --accent: #16B87A;
  --accent-deep: #0E8C5C;
  --accent-tint: #DAF4E6;
  --accent-soft: #ECF8F1;

  /* ── Prestige champagne gold — paired sparingly with the green ── */
  --gold: #C2A14E;
  --gold-deep: #9A7B2F;
  --gold-soft: #E9DBAC;
  --gold-tint: #F6EFDA;
  /* Award amber — cleaner champagne for certification marks */
  --amber: #B8924A;
  --amber-deep: #876724;
  --amber-tint: #F4ECD3;

  /* ── Cool support (data / informational only) ── */
  --blue: #2F7BB8;
  --blue-tint: #E3EEF8;

  /* ── Status ── */
  --rose: #B85450;         /* warning / negative */

  /* ── Semantic aliases ── */
  --text-strong: var(--ink);
  --text-body: var(--ink-2);
  --text-muted: var(--ink-3);
  --text-faint: var(--ink-4);
  --surface-page: var(--bg);
  --surface-card: var(--bg-card);
  --surface-tint: var(--bg-tint);
  --surface-dark: var(--forest);
  --border-subtle: var(--line);
  --border-strong: var(--line-strong);
  --cta: var(--brand);
  --cta-hover: var(--brand-deep);
  --link: var(--brand-deep);
}