/* ============================================================================
   MCS Disability Site — Design System Tokens (Phase 0B foundation)
   Source of truth: MCSDisability Design System & Build Spec v1.0 + homepage
   mockup v1.3. INERT layer: this file declares custom properties + self-hosted
   fonts only. It does NOT restyle existing components and does NOT change the
   live rendering. The visible flip (fonts applied, dark-as-default, toggle UI)
   happens at Phase 1 when components/homepage are migrated onto these tokens.
   ============================================================================ */

/* ─── Self-hosted type (Fraunces display + Atkinson Hyperlegible body) ─── */
/* Atkinson Hyperlegible: chosen by the Braille Institute for low-vision
   legibility — an accessibility decision, not only stylistic. */
@font-face{
  font-family:"Fraunces"; font-style:normal; font-weight:400; font-display:swap;
  src:url("../fonts/fraunces-400.woff2") format("woff2");
}
@font-face{
  font-family:"Fraunces"; font-style:normal; font-weight:500; font-display:swap;
  src:url("../fonts/fraunces-500.woff2") format("woff2");
}
@font-face{
  font-family:"Fraunces"; font-style:normal; font-weight:600; font-display:swap;
  src:url("../fonts/fraunces-600.woff2") format("woff2");
}
@font-face{
  font-family:"Fraunces"; font-style:italic; font-weight:400; font-display:swap;
  src:url("../fonts/fraunces-400-italic.woff2") format("woff2");
}
@font-face{
  font-family:"Atkinson Hyperlegible"; font-style:normal; font-weight:400; font-display:swap;
  src:url("../fonts/atkinson-400.woff2") format("woff2");
}
@font-face{
  font-family:"Atkinson Hyperlegible"; font-style:normal; font-weight:700; font-display:swap;
  src:url("../fonts/atkinson-700.woff2") format("woff2");
}
@font-face{
  font-family:"Atkinson Hyperlegible"; font-style:italic; font-weight:400; font-display:swap;
  src:url("../fonts/atkinson-400-italic.woff2") format("woff2");
}

/* ─── Color + geometry tokens — LIGHT (default values) ─── */
:root{
  /* surfaces — today's warm-cream identity */
  --mcsd-bone:#FFFAF5; --mcsd-paper:#FFFDFB; --mcsd-card:#FFFFFF;
  /* ink */
  --mcsd-ink:#1A202C; --mcsd-ink-soft:#4A5568; --mcsd-ink-faint:#718096;
  /* structure & credibility — today's primary navy (nav, primary buttons, clinical zones) */
  --mcsd-slate:#1A365D; --mcsd-slate-deep:#142A47;
  /* calm / air / patient — today's teal (soft fills, patient zones) */
  --mcsd-sage:#319795; --mcsd-sage-fill:#E6F6F4; --mcsd-sage-line:#B8E0DB;
  /* accent / action, used sparingly — today's secondary blue. Warnings use a
     muted blue/clay tone, NEVER bright red (no alarm reds). */
  --mcsd-clay:#2C5282; --mcsd-clay-soft:#D6E2F0;
  /* "start here" cue only — restrained warm gold */
  --mcsd-gold:#B7791F;
  /* lines */
  --mcsd-line:#ECE3D8; --mcsd-line-soft:#F3ECE2;
  /* elevation */
  --mcsd-shadow:0 1px 2px rgba(26,32,44,.04), 0 8px 24px rgba(26,32,44,.06);
  --mcsd-shadow-lift:0 2px 4px rgba(26,32,44,.05), 0 18px 40px rgba(26,32,44,.10);
  /* radii / measure */
  --mcsd-radius:18px; --mcsd-radius-lg:26px; --mcsd-maxw:1140px;
  /* hero atmosphere */
  --mcsd-air1:#EAF1F4; --mcsd-air2:#F2EEE6;
  /* motion gate (1 = motion allowed; flipped to 0 by OS reduced-motion) */
  --mcsd-motion:1;
  /* type families (available; applied at Phase 1) */
  --mcsd-font-display:"Fraunces","Georgia",serif;
  --mcsd-font-body:"Atkinson Hyperlegible",system-ui,-apple-system,sans-serif;
}

/* ─── DARK theme (the eventual default; activated at Phase 1) ─── */
/* Never pure black/white — deep charcoal-teal bg, soft cream ink, to prevent
   halation for photosensitive readers. */
html[data-theme="dark"]{
  --mcsd-bone:#10243D; --mcsd-paper:#142A47; --mcsd-card:#1C3454;
  --mcsd-ink:#EEF2F7; --mcsd-ink-soft:#AEBFD2; --mcsd-ink-faint:#7E90A8;
  --mcsd-slate:#6EA8D8; --mcsd-slate-deep:#0C1C30;
  --mcsd-sage:#4FD1C5; --mcsd-sage-fill:#143A39; --mcsd-sage-line:#235E5A;
  --mcsd-clay:#7DA7D9; --mcsd-clay-soft:#1F3A5C;
  --mcsd-gold:#D6AE63;
  --mcsd-line:#2A456B; --mcsd-line-soft:#1F3A5C;
  --mcsd-shadow:0 1px 2px rgba(0,0,0,.25), 0 10px 28px rgba(0,0,0,.30);
  --mcsd-shadow-lift:0 2px 6px rgba(0,0,0,.30), 0 22px 48px rgba(0,0,0,.42);
  --mcsd-air1:#102A40; --mcsd-air2:#13243A;
}

/* v6.9.0: low-stimulation mode removed — mode system retired per operator
   directive 2026-08-17 (AM-2 re-amended). prefers-reduced-motion below still
   honors OS-level motion reduction. */

/* ─── Reduced motion at the OS level disables ambient motion. ─── */
@media (prefers-reduced-motion: reduce){
  :root{ --mcsd-motion:0; }
}