/* =========================================================================
   WhatCounsellor - theme.css (deployed to public/assets/css/theme.css,
   loaded AFTER main.css; overrides the engine's design tokens only).

   Identity: the 8 Jul 2026 swatch-board palette for this brand, viridian
   #2E6E4E + coral #D9704F (final per-brand sign-off still pending, board
   open decision 3). Both anchors are used EXACTLY: --green is #2E6E4E
   and --brass is #D9704F. Per the swatch-board note ("final oklch tuning
   + WCAG per pack build"), only the derived tones are tuned, and every
   text pairing was verified 13 Jul 2026: viridian as text on paper
   5.6:1; on-green text on viridian buttons 5.4:1; section/footer
   surfaces use --green-deep (10.2:1 vs paper) where the engine's
   on-green-soft/mute tiers sit, all comfortably passing; coral is
   decorative, with --brass-deep (5.8:1 on paper) carrying any text use.

   Ink, paper and line tokens keep the engine defaults: their green-cast
   neutrals (hue 165) already belong to the viridian family.

   Typography: Figtree variable (300-900 + italic), self-hosted, both the
   display and body roles (what-brands/05 section 5: Figtree for all
   what___ brands; the incumbent loads only static 400/600 from a CDN).
   ========================================================================= */

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('../fonts/figtree-var.woff2') format('woff2');
}

@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('../fonts/figtree-italic-var.woff2') format('woff2');
}

:root {
  /* Brand anchors (swatch board 8 Jul 2026, used exactly) */
  --green: oklch(0.487 0.084 159);       /* viridian #2e6e4e */
  --green-deep: oklch(0.35 0.07 160);    /* #0f452e - sections, footer */
  --green-wash: oklch(0.93 0.025 158);
  --brass: oklch(0.66 0.14 38);          /* coral #d9704f - accents */
  --brass-deep: oklch(0.50 0.115 36);    /* #994832 - text-safe coral */
  --brass-soft: oklch(0.9 0.05 40);

  /* Typography: Figtree carries both roles; weight does the contrast work */
  --font-serif: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-sans: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Shadows keyed to the viridian deep */
  --shadow-1: 0 1px 2px oklch(0.35 0.07 160 / 0.07), 0 1px 8px oklch(0.35 0.07 160 / 0.05);
  --shadow-2: 0 2px 8px oklch(0.35 0.07 160 / 0.09), 0 12px 32px oklch(0.35 0.07 160 / 0.08);

  /* Component tones referencing the anchors */
  --link-underline: oklch(0.66 0.14 38 / 0.75);
  --btn-secondary-border: oklch(0.487 0.084 159 / 0.45);
  --tone-warn-ink: oklch(0.42 0.08 50);
  --cta-ring: oklch(0.66 0.14 38 / 0.35);
  --cta-ring-soft: oklch(0.66 0.14 38 / 0.2);
}