/* tokens.css — Material 3 design tokens (dark theme). */
:root {
  color-scheme: dark;

  /* M3 color roles */
  --primary: #a8c7fa;
  --on-primary: #062e6f;
  --primary-container: #0842a0;
  --on-primary-container: #d3e3fd;
  --secondary: #c2e7ff;
  --on-secondary: #003355;
  --secondary-container: #004a77;
  --on-secondary-container: #c2e7ff;
  --tertiary: #f2b8c6;
  --on-tertiary: #492532;
  --tertiary-container: #633b48;
  --on-tertiary-container: #ffd8e4;
  --error: #f2b8b5;
  --on-error: #601410;
  --error-container: #8c1d18;
  --on-error-container: #f9dedc;
  --surface: #12131a;
  --surface-dim: #12131a;
  --surface-bright: #383940;
  --surface-container-lowest: #0d0e14;
  --surface-container-low: #1b1c22;
  --surface-container: #1f2026;
  --surface-container-high: #292a30;
  --surface-container-highest: #34353b;
  --on-surface: #e3e2e6;
  --on-surface-variant: #c4c6d0;
  --outline: #8e9099;
  --outline-variant: #44474f;
  --inverse-surface: #e3e2e6;
  --inverse-on-surface: #2f3036;
  --inverse-primary: #0b57d0;
  --scrim: #000000;
  --shadow: #000000;

  /* Legacy aliases used by styles */
  --bg: var(--surface);
  --fg: var(--on-surface);
  --muted: var(--on-surface-variant);
  --border: var(--outline-variant);
  --accent: var(--primary);
  --success: #81c995;
  --danger: #f2b8b5;
  --warning: #fde293;
  --info: #d3e3fd;

  /* Type */
  --font-sans: "Roboto", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.563rem;
  --step-3: 1.953rem;
  --step-4: 2.441rem;
  --leading-tight: 1.15;
  --leading-body: 1.5;

  /* Space and shape (M3) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  --measure: 68ch;
}