/* ============================================================
   Design tokens — extracted from Figma "Desktop - Light Mode"
   File: UI_New_Website_Bschool.fig
   ============================================================ */
:root {
  /* ---- Colors ---- */
  --color-ink: #2a2f33;        /* headings / dark text */
  --color-muted: #5b6569;      /* body / secondary text */
  --color-maroon: #932c1e;     /* primary brand / CTA */
  --color-white: #ffffff;
  --color-arrow: #8b969b;      /* scroll cue / hairlines */

  /* Section backgrounds (filled in as sections are built) */
  --color-navy: #1f2a63;       /* method section (approx, refined per section) */
  --color-cream: #f5f1ea;      /* soft neutral panels */

  /* Nav */
  --nav-bg: rgba(255, 255, 255, 0.75);

  /* ---- Typography ---- */
  --font-serif: "Hedvig Letters Serif", "Times New Roman", Georgia, serif;
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Type scale (size / line-height / tracking) */
  --h1-size: 64px;   --h1-lh: 68px;   --h1-tracking: -1.04px;
  --h2-size: 48px;   --h2-lh: 50px;   --h2-tracking: -1.04px;
  --h3a-size: 26px;  --h3a-lh: 30px;
  --h3-size: 22px;   --h3-lh: 26px;
  --body-size: 22px; --body-lh: 28px;
  --label-size: 14px; --label-lh: 18px;

  /* ---- Radii ---- */
  --radius-card: 32px;
  --radius-pill: 50px;

  /* ---- Layout ---- */
  --container-w: 1235px;
  --container-pad: 48px;
}