/* CSC design tokens (YouMind design system v1, 2026-10-01).
   Single source for colours, type, space, radii, shadows, layout. */
:root{
  /* Brand - navy */
  --navy-900:#081831; --navy-800:#0A1E3A; --navy-700:#123058; --navy-600:#1B4273; --navy-100:#E7EDF5;
  /* Brand - yellow */
  --yellow-500:#F5C518; --yellow-600:#E0B000; --yellow-100:#FFF6D6;
  /* Neutral */
  --ink:#0B1622; --muted:#5A6B7B; --line:#E3E8EF; --surface:#F1F4F8; --white:#FFFFFF;
  /* Semantic */
  --success:#1E9E5A; --warning:#E08A00; --danger:#D64545; --info:#2A5A94;

  /* Typography */
  --font-sans:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-display:56px; --fs-h1:40px; --fs-h2:28px; --fs-h3:20px;
  --fs-body:16px; --fs-small:14px; --fs-caption:13px;

  /* Space (4/8pt) */
  --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-9:96px;

  /* Radii and shadows */
  --r-btn:8px; --r-card:12px; --r-panel:16px; --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(11,22,34,.06),0 1px 3px rgba(11,22,34,.08);
  --shadow-md:0 6px 18px rgba(11,22,34,.08);
  --shadow-lg:0 18px 40px rgba(11,22,34,.14);

  /* Layout */
  --container:1200px; --gap:24px; --header-h:72px;
}