/* ============================================================
   IMSA LAW COLLEGE — DESIGN TOKENS
   All colour, type and spacing values live here. Every other
   stylesheet reads from these custom properties — never hard-code
   a colour or font-size outside this file.
   ============================================================ */

:root{
  /* ---- Brand palette (theme independent) ---- */
  --brass-600:#8f6524;      /* deep brass — light-mode accent */
  --brass-500:#a9782e;      /* primary accent, light mode */
  --brass-400:#c99a3d;      /* primary accent, dark mode / hover */
  --brass-300:#e0b969;      /* highlight / stamp glow */

  /* ---- Type ---- */
  --font-display:'Space Grotesk', 'Arial Narrow', sans-serif;
  --font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:'IBM Plex Mono', 'Courier New', monospace;

  --step--1: clamp(0.78rem, 0.75rem + 0.15vw, 0.86rem);
  --step-0:  clamp(0.95rem, 0.92rem + 0.2vw,  1.05rem);
  --step-1:  clamp(1.15rem, 1.05rem + 0.4vw,  1.3rem);
  --step-2:  clamp(1.4rem,  1.25rem + 0.6vw,  1.7rem);
  --step-3:  clamp(1.8rem,  1.5rem + 1.2vw,   2.3rem);
  --step-4:  clamp(2.3rem,  1.85rem + 2vw,    3.3rem);
  --step-5:  clamp(2.9rem,  2.15rem + 3.2vw,  4.6rem);
  --step-6:  clamp(3.4rem,  2.4rem + 4.5vw,   6rem);

  /* ---- Spacing (8pt-derived, fluid) ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-s:   1rem;
  --space-m:   1.5rem;
  --space-l:   2.25rem;
  --space-xl:  3.5rem;
  --space-2xl: 5.5rem;
  --space-3xl: 8rem;

  --section-pad: clamp(4rem, 3rem + 4vw, 7.5rem);
  --container-w: 1240px;
  --container-pad: clamp(1.25rem, 1rem + 2vw, 2.5rem);

  /* ---- Shape / motion ---- */
  --radius-s: 6px;
  --radius-m: 14px;
  --radius-l: 26px;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(.16,.84,.44,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-fast: .2s;
  --dur-med: .45s;
  --dur-slow: .8s;
}

/* ---- Light theme (default) ---- */
:root,
[data-theme="light"]{
  --bg: #f1efe8;
  --bg-raised: #fbfaf6;
  --surface: #ffffff;
  --surface-2: #eae7dd;
  --ink: #14171c;
  --ink-soft: #4b5057;
  --muted: #767b83;
  --line: #dedad0;
  --line-strong: #c9c4b6;
  --accent: var(--brass-500);
  --accent-strong: var(--brass-600);
  --accent-contrast: #fffdf8;
  --nav-bg: rgba(241, 239, 232, 0.78);
  --shadow-color: 30, 26, 14;
  --overlay-scrim: rgba(20, 23, 28, 0.55);
  color-scheme: light;
}

/* ---- Dark theme ---- */
[data-theme="dark"]{
  --bg: #0b0e13;
  --bg-raised: #10141a;
  --surface: #141922;
  --surface-2: #1b212b;
  --ink: #edeeec;
  --ink-soft: #c3c7cc;
  --muted: #8c93a0;
  --line: #232a35;
  --line-strong: #313a48;
  --accent: var(--brass-400);
  --accent-strong: var(--brass-300);
  --accent-contrast: #14171c;
  --nav-bg: rgba(11, 14, 19, 0.72);
  --shadow-color: 0, 0, 0;
  --overlay-scrim: rgba(4, 6, 9, 0.65);
  color-scheme: dark;
}