/* MAP Global — Color tokens
   Two colors carry the brand: the navy of the compass and the green of the globe.
   Everything else supports them. Proportion target per layout:
   ~60% paper, ~20% navy, ~12% forest, ~8% green. Green is punctuation, never a wash. */
:root{
  /* --- Base palette (matches the brand token table exactly) --- */
  --navy:#071947;    /* Compass Navy — primary dark, anchor of the system */
  --green:#90AC24;   /* MAP Green — signature accent, fills/rules/display only */
  --forest:#2A4E37;  /* Forest — section headings, quote panels, footers */
  --ink:#332E2E;     /* Ink — warm body copy on light */
  --bark:#3C342F;    /* Bark — deep warm neutral surface */
  --sage:#EEF1E4;    /* Sage Tint — quiet section bg, callouts, table stripes */
  --mist:#F6F6F6;    /* Mist — cards, form fields, image placeholders */
  --paper:#FFFFFF;   /* Paper — default background */

  /* --- Semantic aliases --- */
  --text-body:var(--ink);            /* running text on light */
  --text-strong:var(--navy);         /* headlines, emphasis on light */
  --text-muted:#6E6A67;              /* captions, meta, secondary */
  --text-on-dark:#FFFFFF;
  --text-on-dark-muted:#C7D3C0;      /* muted copy on forest/navy fields */

  --surface-page:var(--paper);
  --surface-card:var(--mist);
  --surface-tint:var(--sage);
  --surface-dark:var(--navy);
  --surface-forest:var(--forest);
  --surface-bark:var(--bark);

  --accent:var(--green);
  --accent-strong:var(--forest);     /* use when body copy must sit on green */

  /* --- Lines & borders --- */
  --rule:#DDE0D6;                    /* hairline dividers on light */
  --border-input:#CBCEC3;           /* form field borders */
  --border-strong:var(--navy);

  /* --- Signature double-rule bars --- */
  --rule-forest:var(--forest);
  --rule-green:var(--green);

  /* --- Semantic status (kept within the palette) --- */
  --positive:var(--forest);
  --positive-tint:var(--sage);
  --warning:#B4610E;                 /* warm amber, harmonized to the bark/ink neutrals */
  --warning-tint:#F7ECE0;
  --info:var(--navy);
  --info-tint:#EDF0F6;

  /* --- Focus ring (visible keyboard focus on every interactive element) --- */
  --focus-ring:var(--green);
}