/* ─────────────────────────────────────────────
   DESIGN TOKENS
   tokens.css
───────────────────────────────────────────── */
:root {
  /* Brand */
  --c-primary:       #2563eb;
  --c-primary-dark:  #1d4ed8;
  --c-primary-ink:   #0b1b44;
  --c-primary-soft:  rgba(37, 99, 235, 0.10);

  --c-accent:        #f97316;
  --c-accent-soft:   rgba(249, 115, 22, 0.12);
  --c-purple:       #8b5cf6;
  /* Neutrals */
  --c-title:         #0b1220;
  --c-body:          #334155;
  --c-muted:         #64748b;
  --c-border:        rgba(15, 23, 42, 0.10);
  --c-border-strong: rgba(15, 23, 42, 0.16);

  --c-surface:       #ffffff;
  --c-bg:            #f6f8fc;

  /* Focus */
  --focus-ring: 0 0 0 4px rgba(37, 99, 235, 0.18);

  /* Elevation */
  --shadow-xs: 0 1px 0 rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.06);
  --shadow-sm: 0 2px 6px rgba(15,23,42,.08);
  --shadow-md: 0 10px 26px rgba(15,23,42,.10);
  --shadow-lg: 0 18px 50px rgba(15,23,42,.12);

  /* Radius */
  --radius-xs:   8px;
  --radius-sm:  12px;
  --radius-md:  16px;
  --radius-lg:  22px;
  --radius-xl:  28px;
  --radius-full: 999px;

  /* Typography */
  --font-display: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Layout */
  --max-w: 1180px;

  /* Spacing */
  --space-1:  6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 44px;
  --space-8: 60px;

  /* Quiz / QSM theme aliases (map to brand) */
  --primary:        #2563eb;
  --primary-dark:   #1e40af;
  --primary-light:  #3b82f6;
  --secondary:      #f97316;
  --success:        #10b981;
  --danger:         #ef4444;
  --text-primary:   #1f2937;
  --text-secondary: #6b7280;
  --bg-light:       #f9fafb;
  --bg-white:       #ffffff;
  --border-color:   #e5e7eb;
}