/* MCA Compass design tokens v1.1 — light by default, dark via [data-theme="dark"] */
:root{
  --hue:175;
  --lagoon-100:#D4F8ED;--lagoon-200:#ADEEDB;--lagoon-300:#7BDDC4;--lagoon-500:#26B094;--lagoon-600:#008F77;--lagoon-700:#006855;--lagoon-900:#043127;
  --shell:#FAF7F0;--sand-100:#F5EFE3;--sand-300:#E6D8BC;--sand-500:#BFA678;--sand-700:#8E7A55;
  --ink-900:#0B1B20;--ink-800:#0F2B31;--ink-700:#122A30;--ink-600:#244A52;--ink-400:#52707A;--ink-300:#93B1B5;--ink-100:#C2D8DA;--ink-50:#E9F4F2;

  --bg:#FAF7F0;--surface:#FFFFFF;--surface-2:#F3EEE3;--border:rgba(15,43,49,.12);
  --ink:#0F2B31;--ink-2:#244A52;--muted:#52707A;
  --action:#006855;--action-hover:#043127;--on-action:#FFFFFF;--soft:#D4F8ED;
  --ok:#2E9E73;--warn:#C98E2B;--bad:#D15A50;

  /* folded mark facets: n = north (lagoon), e = east/west (sand), s = south (ink); 1 = lit, 2 = shaded */
  --n1:#7BDDC4;--n2:#008F77;--e1:#E6D8BC;--e2:#BFA678;--s1:#0F2B31;--s2:#244A52;

  --font-display:'Instrument Serif',Georgia,serif;--font-body:Manrope,system-ui,sans-serif;--font-mono:'Fira Code',ui-monospace,monospace;
  --radius-control:10px;--radius-card:16px;--radius-pill:999px;
  --shadow-card:0 1px 3px rgba(15,43,49,.12),0 8px 24px rgba(15,43,49,.08);--shadow-toast:0 8px 24px rgba(15,43,49,.18);--shadow-paper:drop-shadow(0 5px 7px rgba(15,43,49,.28));
  --ease:cubic-bezier(.2,.7,.2,1);--dur-micro:120ms;--dur-standard:200ms;--dur-large:320ms;
}
[data-theme="dark"]{
  --bg:#0B1B20;--surface:#122A30;--surface-2:#183640;--border:rgba(233,244,242,.12);
  --ink:#E9F4F2;--ink-2:#C2D8DA;--muted:#93B1B5;
  --action:#7BDDC4;--action-hover:#ADEEDB;--on-action:#0B1B20;--soft:#00372C;
  --ok:#5FD3A5;--warn:#E8B85A;--bad:#F08A80;
  --n1:#7BDDC4;--n2:#26B094;--e1:#EFE5D1;--e2:#B9A277;--s1:#E9F4F2;--s2:#C2D8DA;
  --shadow-toast:0 8px 24px rgba(0,0,0,.35);
}