/* ════════════════════════════════════════════════════════════════════════
   Mind Climate — design tokens (W1)
   Light default in :root; dark overrides in :root[data-theme="dark"].
   Namespace: --mc-*  ·  consume these everywhere; never hardcode values.
   ════════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* — Fonts — */
  --mc-font-display: "Newsreader", "Source Serif 4", Georgia, serif;
  --mc-font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mc-font-mono:    "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;

  /* — Colour (light) — */
  --mc-bg:           #F7F8F6;
  --mc-surface:      #FFFFFF;
  --mc-panel:        #EEF1ED;
  --mc-hairline:     #DFE4DE;
  --mc-ink:          #1B2733;
  --mc-ink-2:        #3A4650;
  --mc-muted:        #5E6B73;
  --mc-primary:      #3F6B7D;
  --mc-primary-ink:  #FFFFFF;
  --mc-primary-soft: #EAF0F1;
  --mc-sage:         #7FA08A;
  --mc-amber:        #D98E3E;
  --mc-amber-ink:    #231603;
  --mc-focus:        #3F6B7D;

  /* — Risk ramp (light) — */
  --mc-tier-thriving:   #2F8060;
  --mc-tier-resilient:  #6FA88C;
  --mc-tier-baseline:   #AEC07A;
  --mc-tier-watch:      #E2C067;
  --mc-tier-concerning: #D98E3E;
  --mc-tier-elevated:   #CB6E3C;
  --mc-tier-severe:     #BC4A3C;
  --mc-tier-crisis:     #97302A;

  /* — Tier ink (text on swatch); verified >=4.5:1 in Task 7 — */
  --mc-tier-thriving-ink:   #EAFFF4;
  --mc-tier-resilient-ink:  #06241A;
  --mc-tier-baseline-ink:   #26280F;
  --mc-tier-watch-ink:      #3A2C00;
  --mc-tier-concerning-ink: #2A1A00;
  --mc-tier-elevated-ink:   #2A1200;
  --mc-tier-severe-ink:     #FFFFFF;
  --mc-tier-crisis-ink:     #FFFFFF;

  /* — Spacing — */
  --mc-space-1: 4px;  --mc-space-2: 8px;  --mc-space-3: 12px;
  --mc-space-4: 16px; --mc-space-5: 24px; --mc-space-6: 32px;

  /* — Radius — */
  --mc-radius-sm: 6px;
  --mc-radius:    8px;
  --mc-radius-lg: 14px;

  /* — Shadow — */
  --mc-shadow-1: 0 1px 2px rgba(16, 24, 32, .06);
  --mc-shadow-2: 0 12px 32px rgba(16, 24, 32, .16);

  /* — Motion — */
  --mc-motion-fast: .15s ease;
}

:root[data-theme="dark"] {
  /* — Colour (dark: warm editorial night) — */
  --mc-bg:           #15181B;
  --mc-surface:      #1E2327;
  --mc-panel:        #232A2E;
  --mc-hairline:     #313A40;
  --mc-ink:          #EAEDEA;
  --mc-ink-2:        #B6C0C2;
  --mc-muted:        #94A1A3;
  --mc-primary:      #6E9DB0;
  --mc-primary-ink:  #10161A;
  --mc-primary-soft: #22303A;
  --mc-sage:         #8FB89E;
  --mc-amber:        #E2A256;
  --mc-amber-ink:    #231603;
  --mc-focus:        #6E9DB0;

  /* — Risk ramp (dark: brightened ~10%) — */
  --mc-tier-thriving:   #3E9E78;
  --mc-tier-resilient:  #79B795;
  --mc-tier-baseline:   #B6CC83;
  --mc-tier-watch:      #E8C977;
  --mc-tier-concerning: #E29A4E;
  --mc-tier-elevated:   #D77B45;
  --mc-tier-severe:     #C05443;  /* W1 Task 7: darkened from #CD5A48 (~3.5% L) so white ink meets AA (4.57:1); still lighter than crisis */
  --mc-tier-crisis:     #B23E34;

  /* — Tier ink (dark) — */
  --mc-tier-thriving-ink:   #04210F;
  --mc-tier-resilient-ink:  #06241A;
  --mc-tier-baseline-ink:   #26280F;
  --mc-tier-watch-ink:      #3A2C00;
  --mc-tier-concerning-ink: #231603;
  --mc-tier-elevated-ink:   #2A1200;
  --mc-tier-severe-ink:     #FFFFFF;
  --mc-tier-crisis-ink:     #FFFFFF;

  /* — Shadow (dark) — */
  --mc-shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --mc-shadow-2: 0 12px 32px rgba(0, 0, 0, .5);
}