/* ============================================================
   NHL Stenden — Expert Sessions brand tokens
   Palette + type extracted from the course PowerPoint.
   Font: Cera PRO (brand) → Outfit (display) + Hanken Grotesk (text) as
   the closest available web substitutes. Swap in Cera PRO if licensed.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root{
  /* Brand palette */
  --magenta:#CC0079;
  --magenta-deep:#A8005F;
  --blue:#005AA7;
  --blue-deep:#004886;
  --teal:#00A7A2;
  --yellow:#FFC800;
  --pink:#FF8CB2;
  --lavender:#C4AFF2;
  --purple:#7C2A8F;

  /* Neutrals */
  --ink:#16131A;
  --ink-2:#433E4C;
  --muted:#736E7B;
  --faint:#A39EAC;
  --line:#E7E3EC;
  --line-soft:#F0EDF4;
  --paper:#FBFAFC;
  --surface:#FFFFFF;
  --wash:#F6F3F9;

  /* Tints (from palette, low alpha) */
  --magenta-wash:#FCEAF3;
  --blue-wash:#E7F0F8;
  --teal-wash:#E4F5F4;
  --lavender-wash:#F2ECFB;

  /* Type */
  --display:'Outfit', system-ui, sans-serif;
  --text:'Hanken Grotesk', system-ui, sans-serif;

  /* Radius / shadow */
  --r-sm:8px;
  --r:14px;
  --r-lg:20px;
  --r-xl:28px;
  --shadow-sm:0 1px 2px rgba(22,19,26,.05), 0 1px 3px rgba(22,19,26,.04);
  --shadow:0 4px 14px rgba(22,19,26,.07), 0 2px 6px rgba(22,19,26,.04);
  --shadow-lg:0 18px 48px rgba(22,19,26,.12), 0 6px 16px rgba(22,19,26,.06);
}

*{box-sizing:border-box}
body{margin:0;font-family:var(--text);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,.dsp{font-family:var(--display);font-weight:600;letter-spacing:-.01em}