/* ════════ COLOR TOKENS — SNQ VERDANT ════════
 * National Quality Color System · v1.1 (weighted)
 *
 * A perceptually-smooth (OKLCH) green backbone spanning fresh light greens
 * to deep heritage forest. One green, two temperaments, a heavy base:
 *   · Trust Green  — the brand backbone (CTA, links, highlights)
 *   · Fresh        — high-chroma emerald for interaction & dark-mode pops
 *   · Forest       — low-chroma heritage green, carries large dark areas
 *   · Seal Gold    — certification / award moments only (~5–6%)
 *   · Slate        — green-tinted neutrals
 *
 * Weight recipe (ref. Shopify): deep structure ~48% · light content ~34%
 *   · green action ~12% · gold accent ~6%.
 */
:root {
  /* ─────────────────────────────────────────────
   * PRIMITIVE RAMPS
   * ───────────────────────────────────────────── */

  /* Primary · Trust Green (smooth OKLCH backbone) */
  --green-50:  #DBFFE6;
  --green-100: #C5F8D4;
  --green-200: #A4E6B8;
  --green-300: #7ED19A;
  --green-400: #58B97C;
  --green-500: #34A062;
  --green-600: #18854C;
  --green-700: #046838;
  --green-800: #004C27;
  --green-900: #003314;
  --green-950: #00230B;

  /* Fresh · Bright Emerald (digital energy / dark-mode pops) */
  --fresh-50:  #C6FFE6;
  --fresh-100: #ACFFD6;
  --fresh-200: #83EDBB;
  --fresh-300: #4ED89E;
  --fresh-400: #00C082;
  --fresh-500: #00A668;
  --fresh-600: #008B51;
  --fresh-700: #006E3C;
  --fresh-800: #005029;
  --fresh-900: #003617;
  --fresh-950: #00260D;

  /* Forest · Heritage (steady, authority, print, dark surfaces) */
  --forest-50:  #E6FDE9;
  --forest-100: #D5F3DA;
  --forest-200: #B9DFBF;
  --forest-300: #9BC9A3;
  --forest-400: #7DB187;
  --forest-500: #62976D;
  --forest-600: #4C7E57;
  --forest-700: #376241;
  --forest-800: #26472E;
  --forest-900: #0B3116;
  --forest-950: #01220B;

  /* Gold · Quality Seal */
  --gold-50:  #FFF4D0;
  --gold-100: #FDE7B9;
  --gold-200: #ECD096;
  --gold-300: #D8B770;
  --gold-400: #C29C4A;
  --gold-500: #A88226;
  --gold-600: #8D6A05;
  --gold-700: #6F5100;
  --gold-800: #523A00;
  --gold-900: #392400;
  --gold-950: #291700;

  /* Neutral · Slate (green-tinted, crisp) */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F3F7F4;
  --neutral-100: #E6EBE8;
  --neutral-200: #CFD5D1;
  --neutral-300: #B6BDB9;
  --neutral-400: #9CA49F;
  --neutral-500: #838B86;
  --neutral-600: #6B726D;
  --neutral-700: #525854;
  --neutral-800: #3B403D;
  --neutral-900: #242A26;
  --neutral-950: #171D19;

  --snq-white: #FFFFFF;

  /* Heaviest structural dark — hero, info bands, footer, nav */
  --ink-dark: #04140C;

  /* RGB helpers for translucent fills / glows */
  --brand-rgb:  24, 133, 76;  /* @kind other */ /* green-600 */
  --accent-rgb: 0, 192, 130;  /* @kind other */ /* fresh-400 */
  --gold-rgb:   194, 156, 74; /* @kind other */ /* gold-400  */

  /* ─────────────────────────────────────────────
   * SURFACES
   * ───────────────────────────────────────────── */
  --bg:      #F3F7F4;   /* page base (neutral-50) */
  --bg-card: #FFFFFF;   /* card / panel surface */
  --bg-tint: #E6EBE8;   /* subtle fill / hover (neutral-100) */
  --bg-sand: #CFD5D1;   /* media wells (neutral-200) */

  /* ─────────────────────────────────────────────
   * INK / TEXT (deep green primary, slate support)
   * ───────────────────────────────────────────── */
  --ink:   #003314;   /* primary text / headings — deep forest (green-900) */
  --ink-2: #525854;   /* body (neutral-700) */
  --ink-3: #838B86;   /* muted / captions (neutral-500) */
  --ink-4: #9CA49F;   /* disabled / faint meta (neutral-400) */

  /* ─────────────────────────────────────────────
   * HAIRLINES / BORDERS
   * ───────────────────────────────────────────── */
  --line:        #E6EBE8;  /* neutral-100 */
  --line-2:      #CFD5D1;  /* neutral-200 */
  --line-strong: #B6BDB9;  /* neutral-300 */

  /* ─────────────────────────────────────────────
   * DEEP FOREST (dark sections, hero, footer)
   * ───────────────────────────────────────────── */
  --forest:   #0B3116;  /* standard dark section (forest-900) */
  --forest-2: #04140C;  /* deepest structure / hero / footer (ink-dark) */
  --forest-3: #26472E;  /* lighter surface on dark (forest-800) */

  /* ─────────────────────────────────────────────
   * BRAND — Trust Green (CTA, links, highlights)
   * ───────────────────────────────────────────── */
  --brand:      #18854C;  /* solid fills / white text (green-600) */
  --brand-deep: #046838;  /* hover, pressed & text-on-white AA (green-700) */
  --brand-text: #046838;  /* small green text on light (green-700, 6.9:1) */
  --brand-soft: #C5F8D4;  /* chip fill (green-100) */
  --brand-tint: #DBFFE6;  /* faintest wash (green-50) */

  /* Fresh · luminous accent — for dark surfaces & interaction pops */
  --fluoro:   #00C082;  /* fresh-400 */
  --fluoro-2: #4ED89E;  /* hover / secondary glow (fresh-300) */

  /* ── Accent mirrors brand by default (one green story) ── */
  --accent:      #18854C;
  --accent-deep: #046838;
  --accent-tint: #C5F8D4;
  --accent-soft: #DBFFE6;

  /* ─────────────────────────────────────────────
   * SEAL GOLD — prestige, paired sparingly (~5–6%)
   * ───────────────────────────────────────────── */
  --gold:      #C29C4A;  /* gold-400 */
  --gold-deep: #8D6A05;  /* gold-600 */
  --gold-soft: #ECD096;  /* gold-200 */
  --gold-tint: #FFF4D0;  /* gold-50 */
  /* Award amber — deeper certification marks */
  --amber:      #C29C4A;
  --amber-deep: #6F5100;  /* gold-700 */
  --amber-tint: #FDE7B9;  /* gold-100 */

  /* ─────────────────────────────────────────────
   * SUPPORT & STATUS (data / informational only)
   * ───────────────────────────────────────────── */
  --blue:      #2C7CA8;   /* info */
  --blue-tint: #E3EEF8;
  --rose:      #B5372E;   /* error / negative */

  --success: #18854C;
  --warning: #C08A1E;
  --error:   #B5372E;
  --info:    #2C7CA8;

  /* ─────────────────────────────────────────────
   * 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);

  /* ── Design-system semantic aliases ── */
  --color-background: var(--bg);
  --color-foreground: var(--ink);
  --color-surface: var(--bg-card);
  --color-surface-muted: var(--bg-tint);
  --color-surface-media: var(--bg-sand);
  --color-surface-dark: var(--forest);
  --color-surface-dark-strong: var(--forest-2);
  --color-text: var(--ink);
  --color-text-secondary: var(--ink-2);
  --color-text-muted: var(--ink-3);
  --color-text-disabled: var(--ink-4);
  --color-border: var(--line);
  --color-border-strong: var(--line-strong);
  --color-primary: var(--brand);
  --color-primary-hover: var(--brand-deep);
  --color-primary-soft: var(--brand-soft);
  --color-primary-tint: var(--brand-tint);
  --color-accent: var(--fluoro);
  --color-accent-hover: var(--fluoro-2);
  --color-prestige: var(--gold);
  --color-prestige-soft: var(--gold-soft);
  --color-info: var(--blue);
  --color-info-tint: var(--blue-tint);
  --color-danger: var(--rose);
  --color-success: var(--success);
  --color-warning: var(--warning);

  /* ─────────────────────────────────────────────
   * COMPONENT ALIASES
   * ───────────────────────────────────────────── */
  --button-bg: var(--color-primary);
  --button-fg: var(--snq-white);
  --button-hover-bg: var(--color-primary-hover);
  --button-shadow: var(--shadow-cta);
  --card-bg: var(--color-surface);
  --card-fg: var(--color-text);
  --card-border: var(--color-border);
  --nav-bg: rgba(243, 247, 244, .88);
  --nav-border: rgba(0, 51, 20, .07);
  --selection-bg: rgba(0, 192, 130, .26);
}