/* ============================================================
   mission-theme.css — shared "Mission Control" design language.

   DORMANT BY DEFAULT. Every rule is scoped under html[data-mc="on"],
   which mc-mode.js sets ONLY while the secret preview toggle is on.
   So the published site keeps its original look until a teacher enables
   Mission Control mode (click the "AP World History" box → password).

   It re-skins the existing tokenized design system in place — TYPE,
   PALETTE, ACCENTS only, never layout — by remapping the shared CSS
   custom properties, so all pages (and the spaced.js streak banner)
   recolor at once. Tweak here, not per page.

   Palette:  navy #111a3f · blue #2d5deb · lime #d8f13a · coral #ff684c
   Type:     Lato (body) · Lato 900 (display headings)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

/* remap the site's shared tokens to the Mission Control palette (only when on) */
html[data-mc="on"]{
  font-size:18px; /* ~12% larger for readability; all page text is rem-based, so it scales uniformly */
  --lime:#d8f13a; --coral:#ff684c; --navy:#111a3f;
  --cream:#fbfcff; --white:#ffffff; --paper:#e8f0ff;
  --border:#c9d5f5; --border2:#9aa8d8;
  --ink:#111a3f; --mid:#33406b; --muted:#485586;
  --red:#2d5deb; --red-d:#1c40b8; --red-bg:#e9f0ff;
  --blue:#1b2a63; --blue-bg:#eef2fb;
  --gold:#c24a2e; --gold-bg:#fff0ec; --gold-b:#ff8a6e;
  --green:#1a6825; --green-bg:#eef7f0;
  --sh:3px 3px 0 rgba(17,26,63,.12);
  --shm:6px 6px 0 rgba(17,26,63,.18);
}

/* ── TYPE ── */
html[data-mc="on"] *{font-family:'Lato',-apple-system,'Segoe UI',sans-serif !important}
html[data-mc="on"] h1,
html[data-mc="on"] h2,
html[data-mc="on"] h3,
html[data-mc="on"] h4,
html[data-mc="on"] [class*="heading" i],
html[data-mc="on"] [class*="title" i],
html[data-mc="on"] .hero-inner h1,
html[data-mc="on"] .hero h1,
html[data-mc="on"] .wm-h,
html[data-mc="on"] .pulse-num,
html[data-mc="on"] .hero-period,
html[data-mc="on"] .fct-badge{
  font-family:'Lato',-apple-system,'Segoe UI',sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.03em;
}
html[data-mc="on"] .section-label,
html[data-mc="on"] .sb-group-label,
html[data-mc="on"] .unit-num,
html[data-mc="on"] .unit-period,
html[data-mc="on"] .eyebrow{font-weight:700 !important}

/* ── CHROME ACCENTS ── */
html[data-mc="on"] .nav-item.active{background:rgba(45,93,235,.15) !important;border-left-color:#2d5deb !important}
html[data-mc="on"] .nav-item.active .nav-dot{background:#2d5deb !important}
html[data-mc="on"] .sb-badge{background:var(--lime) !important;color:var(--navy) !important}
html[data-mc="on"] .top-bar-tag{background:var(--red-bg) !important;color:var(--red) !important;border-color:rgba(45,93,235,.28) !important}
html[data-mc="on"] .doc-embed-open:hover,
html[data-mc="on"] .wm-btn:hover,
html[data-mc="on"] .hero-btn-primary:hover,
html[data-mc="on"] .button:hover{box-shadow:4px 4px 0 var(--navy)}