/* MHA design tokens. Print-first light system; navy+gold editorial. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&display=swap');

:root {
  --mha-navy: #1A1A2E;
  --mha-gold: #F0C419;
  --mha-cream: #F7F4EC;
  --mha-red: #C0392B;
  --mha-blue: #3A8EF0;           /* brand blue: fills, borders, text on dark only */
  --mha-blue-ink: #1F5FB8;       /* AA-safe blue for TEXT on light grounds: 6.20:1 on #fff, 5.64:1 on cream */
  --mha-ink: #22222E;            /* body text on cream */
  --mha-text-on-navy: #E6EDF3;
  --mha-rule: rgba(26, 26, 46, .18);
  --mha-green: #2E7D32;          /* house success green (light): 5.13:1 as text on #fff */
  --mha-green-dark: #4ECB7D;     /* house success green for the dark app grounds */
  --ff: 'Archivo', 'Segoe UI', Arial, sans-serif;
  --r: 6px;

  /* Canonical dark-mode app ramp. The self-contained AI + calculator apps cannot
     @import this file, so each mirrors these values inline; this is the single
     source of truth for that ramp (design audit M-2). Declared as inert named
     tokens: the print-first light lesson pages never reference them, so lesson
     rendering is unchanged. */
  --mha-dark-bg: #14141f;
  --mha-dark-surface: #20202f;
  --mha-dark-surface-2: #191924;
  --mha-dark-ink: #E6EDF3;
  --mha-dark-muted: rgba(230, 237, 243, .62);
  --mha-dark-header: #0f0f18;
}
html { font-family: var(--ff); color: var(--mha-ink); background: var(--mha-cream); }
h1, h2, h3 { font-weight: 800; text-transform: uppercase; letter-spacing: .02em; margin: 0 0 .4em; }
p { line-height: 1.6; margin: 0 0 .9em; max-width: 70ch; }
.mha-label { font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }