/* ContiNovo — Color Tokens
   Four brand ramps anchored at their natural brightness step (marked "Brand").
   Only one literal neutral remains (Light-0, warm cream, never pure white) +
   teal-souled ink. Every other "neutral" surface — card, well, form, section
   wash — is sourced from the brand ramps' own unused 50-steps (Teal/Cerulean/
   Aqua/Gold-50), never a manufactured fifth neutral family. Teal-800 and
   Aqua-200 stand as equal-weight, full-scale section grounds alongside
   Light-0 — not "the one dark anchor" vs. "the one light base". */
:root {
  /* Deep Teal — anchor 800 = #1F4E4F — "what stands, anchor surfaces" */
  --teal-50:  #F4F8F8;
  --teal-100: #D5E7E7;
  --teal-200: #B5D7D8;
  --teal-300: #94C8C9;
  --teal-400: #72B9BB;
  --teal-500: #50ACAE;
  --teal-600: #3E8D8F;
  --teal-700: #2E6E70;
  --teal-800: #1F4E4F; /* Brand */
  --teal-900: #133232;

  /* Cerulean Blue — anchor 600 = #2D728F — "horizon, secondary UI, links" */
  --cerulean-50:  #F3F7F9;
  --cerulean-100: #D1E2E9;
  --cerulean-200: #ADCDDA;
  --cerulean-300: #87B8CD;
  --cerulean-400: #5FA5C3;
  --cerulean-500: #3D8FB1;
  --cerulean-600: #2D728F; /* Brand */
  --cerulean-700: #235A71;
  --cerulean-800: #194254;
  --cerulean-900: #102A35;

  /* Honey Gold — anchor 400 = #EDBB5C — "light, accent & CTA" */
  --gold-50:  #F9F7F3;
  --gold-100: #EFE6D5;
  --gold-200: #E9D6B1;
  --gold-300: #E9C889;
  --gold-400: #EDBB5C; /* Brand */
  --gold-500: #E9A82C;
  --gold-600: #CC8D15;
  --gold-700: #9E6D0F;
  --gold-800: #6F4C0A;
  --gold-900: #3F2B05;

  /* Pearl Aqua — anchor 200 = #A1D2CE — "the fresh, bright base" */
  --aqua-50:  #F4F8F8;
  --aqua-100: #CDE3E1;
  --aqua-200: #A1D2CE; /* Brand */
  --aqua-300: #84C4BF;
  --aqua-400: #66B7B0;
  --aqua-500: #4DA49D;
  --aqua-600: #3F8781;
  --aqua-700: #316A65;
  --aqua-800: #234D49;
  --aqua-900: #162F2D;

  /* Neutral · Light — a single literal neutral survives (never pure white).
     Every other light surface below is one of the brand ramps' own 50-step —
     no invented fifth neutral family. */
  --light-0: #FBFAF5; /* the one neutral: base page / one of three equal-weight section grounds */

  /* Neutral · Ink (dark text, faint teal soul ~172°) */
  --ink-700: #394947; /* secondary / muted text, meta */
  --ink-800: #263331; /* body copy */
  --ink-900: #1B201E; /* headings / strong text */

  /* Functional states (icon/text always accompanies — never color alone) */
  --success: #2E7D5B;
  --warning: #CC8D15; /* = gold-600 */
  --danger:  #B3402F;

  /* ===== Semantic tokens — what components consume, never raw hex =====
     Three equal-weight, full-scale section grounds: Light-0 (neutral),
     Teal-800 (dark anchor) and Aqua-200 (light aqua) — none is "the" base,
     each is a legitimate large surface. Recessed/raised neutrals reuse the
     brand ramps' own 50-steps instead of a dedicated neutral ladder. */
  --surface-0:         var(--light-0);    /* base light section/page — equal-weight ground #1 */
  --surface-1:         var(--teal-50);    /* card / raised — cool tone-shift off the page, not a lightness step */
  --surface-sunken:    #E7EEF1;           /* recessed/secondary surface: forms, wells, ghost buttons, tags — cerulean ~75 step, not the near-white 50 */
  --surface-dark:      var(--teal-800);   /* dark section ground — equal-weight ground #2 */
  --surface-dark-deep: var(--teal-900);   /* footer, deepest anchor (distinct from the 3 section grounds) */
  --surface-aqua:      var(--aqua-200);   /* light aqua section ground — equal-weight ground #3 */
  --surface-aqua-tint: #DCEDEA;           /* soft aqua wash: companion accents in/near aqua sections — aqua ~75 step */
  --surface-highlight: #F4E9D2;           /* sparse featured/highlight emphasis only — never a well or section — gold ~75 step */

  --text-primary:       var(--ink-900);
  --text-body:          var(--ink-800);
  --text-muted:         var(--ink-700);
  --text-on-dark:       #FFFFFF;
  --text-on-dark-muted: var(--aqua-200);
  --text-on-accent:     var(--ink-900); /* text on gold */

  --primary:      var(--teal-800);
  --secondary:    var(--cerulean-600);
  --accent:       var(--gold-400); /* CTA / highlight */
  --accent-hover: var(--gold-300);
  --accent-press: var(--gold-500);
  --link:         var(--cerulean-700); /* AA on cream */
  --link-hover:   var(--cerulean-600);

  --border:        rgba(31, 78, 79, 0.16); /* teal-tinted hairline — replaces the old solid Light-200 */
  --border-strong: rgba(31, 78, 79, 0.22);
  --border-dark:   rgba(255, 255, 255, 0.16);
  --focus-ring:    var(--cerulean-500);
}