/* ============================================================
   SUNBEAM WORLD SCHOOL — DESIGN TOKENS (Layer 1)
   Single source of truth. Every page loads this first.
   Change a value here → whole site updates.
   ============================================================ */
:root{
  /* Brand core */
  --navy:#1a2744;
  --navy2:#0f1a2e;
  --head:#1a2744;      /* heading base color — matches --navy, single source */
  --head-accent:#2563eb; /* heading second-half accent */
  --gold:#f5a623;
  --gold-bg:#fef7e6;
  --green:#22a861;
  --green-dark:#198a4e;
  --green-bg:#e8f8ef;
  --blue:#2563eb;
  --blue-dark:#1d4fd8;
  --blue-lt:#eff4ff;
  --blue-md:#dbeafe;
  --orange:#e65100;
  --orange-bg:#fff3e0;
  --teal:#0d9488;
  --teal-bg:#f0fdfa;
  --purple:#7b1fa2;
  --purple-bg:#f3e5f5;
  --amber:#FFB231;

  /* Neutrals */
  --w:#fff;
  --off:#f7f9fc;
  --cream:#fdfbf7;
  --g50:#f8fafc;
  --g100:#f1f5f9;
  --g200:#e2e8f0;
  --g300:#cbd5e1;
  --g400:#94a3b8;
  --g500:#64748b;
  --g600:#475569;
  --g700:#334155;
  --g800:#1e293b;

  /* Type */
  --font-body:'DM Sans',system-ui,-apple-system,sans-serif;
  --font-head:'Sora',system-ui,sans-serif;
  --fs-12:12px;  /* floor — nothing smaller, ever */
  --fs-13:13px;
  --fs-14:14px;
  --fs-15:15px;
  --fs-16:16px;
  --fs-18:18px;
  --fs-20:20px;
  --fs-h3:clamp(18px,2.2vw,22px);
  --fs-h2:clamp(24px,3.4vw,34px);
  --fs-h1:clamp(30px,4.6vw,46px);
  --lh-tight:1.2;
  --lh-body:1.65;

  /* Spacing scale */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
  --sp-section:clamp(48px,7vw,88px);

  /* Shape & elevation */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:100px;
  --sh-sm:0 2px 8px rgba(15,26,46,.06);
  --sh-md:0 8px 24px rgba(15,26,46,.10);
  --sh-lg:0 16px 40px rgba(15,26,46,.14);
  --sh-gold:0 8px 24px rgba(245,166,35,.35);
  --sh-blue:0 10px 28px rgba(37,99,235,.28);

  /* Motion */
  --ease:cubic-bezier(.4,0,.2,1);
  --t-fast:.15s; --t-med:.25s; --t-slow:.45s;

  /* Layout */
  --container:1140px;
  --container-wide:1250px;
  --gutter:28px;
  --z-sticky:100; --z-modal:1000;
}

/* ============================================================