/* ACTIVE PALETTE — this file is the one the site loads (see structure/html-head.php).
   Currently a copy of tokens-sage.css, Dr. Mason preferred the green direction.
   To switch back: cp css/tokens-brand.css css/tokens.css

/* ==========================================================================
   Color tokens — Sage (Navy + Sage Green)
   Alternate accent direction (Direction B from the palette exploration).
   Navy is unchanged from the original. Sage green becomes the primary accent
   (buttons, CTAs, tags, index numbers); amber is demoted to a rare highlight,
   the same role green played in the original. Logo itself is untouched,
   this is a website accent-color decision, not a rebrand.
   Swap this file for tokens-brand.css to go back to the original direction;
   everything else (css/styles.css) is shared and untouched by that swap.

   Sage is a mid-dark color (unlike the very light original amber), so it
   needs white/light text rather than navy, and a lighter tint for the two
   places accent color is used AS text (see comments on each token below).
   ========================================================================== */

:root {
  /* -- Brand colors (unchanged from original) -- */
  --color-navy:        oklch(39.3% 0.119 252.4);
  --color-navy-deep:   oklch(24%   0.085 252.4);
  --color-navy-soft:   oklch(52%   0.09  252.4);

  /* -- Accent roles: sage is primary here, amber is the rare highlight -- */
  --color-accent:          oklch(50% 0.095 158);    /* sage. Buttons/fills. White text on it: 5.74:1 */
  --color-accent-deep:     oklch(43% 0.095 158);    /* hover bg. White text on it: 7.73:1 */
  --color-accent-text:     oklch(43% 0.095 158);    /* accent used AS text on light bg (service index numbers): 7.19:1 on --color-bg */
  --color-accent-on-dark:  oklch(70% 0.10  158);    /* lighter sage, accent used AS text on navy-deep: 6.38:1 (base 50% sage only manages 2.85:1, fails) */
  --color-accent-rare:     oklch(80.3% 0.170 73.7); /* amber, used sparingly */
  --color-on-accent:       var(--color-text-on-dark); /* text/icon color painted on top of --color-accent, must be light here */

  /* -- Semantic: form validation only, independent of accent choice -- */
  --color-error:       oklch(50%   0.19  25);     /* 6.6:1 on white, 5.7:1 on surface-sunk */
  --color-success:     oklch(56.5% 0.158 149.2);  /* always reads as "green = success" */

  /* -- Neutrals, tinted toward navy hue (unchanged from original) -- */
  --color-bg:            oklch(97.6% 0.006 252.4);
  --color-surface:       oklch(99.2% 0.004 252.4);
  --color-surface-sunk:  oklch(95%   0.008 252.4);
  --color-border:        oklch(89%   0.012 252.4);
  --color-border-strong: oklch(80%   0.02  252.4);

  /* -- Text -- */
  --color-text:            var(--color-navy);
  --color-text-muted:      oklch(46% 0.03 252.4);
  --color-text-on-dark:       oklch(96% 0.012 252.4);
  --color-text-on-dark-muted: oklch(78% 0.03  252.4);
}