:root {
  color-scheme: dark;
  --bg-base: #090514; --bg-raised: #0d091a;
  --surface-glass: rgba(255,255,255,.02); --surface-solid: #171122;
  --accent-start: #8a2be2; --accent-end: #b026ff; --status: #00f0ff;
  --text-heading: #fff; --text-body: #a8a2b8; --text-secondary: #bdb7ca; --text-muted: #635e75;
  --border-glass: rgba(255,255,255,.08); --border-grid: rgba(176,38,255,.1);
  --gradient-accent: linear-gradient(135deg,#8a2be2,#b026ff);
  --blur-glass: 20px;
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,.06);
  --shadow-hover: 0 10px 40px -10px rgba(176,38,255,.3);
  --shadow-hover-teal: 0 10px 40px -10px rgba(0,240,255,.22);
  --shadow-focus: 0 0 0 3px rgba(0,240,255,.45);
  --font-sans: 'Plus Jakarta Sans',system-ui,sans-serif;
  --font-mono: ui-monospace,Consolas,monospace;
  --text-hero: clamp(2.5rem,4.6vw,4.25rem); --text-section: clamp(2rem,3vw,3rem);
  --text-base: 1rem; --leading-heading: 1.08; --leading-body: 1.65;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px;
  --radius-control: 10px; --radius-panel: 16px; --radius-pill: 999px; --container-max: 1240px;
  --duration-fast: 160ms; --duration-ui: 240ms; --duration-reveal: 600ms;
  --ease-out: cubic-bezier(.16,1,.3,1); --z-content: 1; --z-header: 20; --z-tooltip: 30;
}