:root {
  --color-bg: #fafbfc;
  --color-bg-elevated: #ffffff;
  --color-bg-subtle: #f0f4f8;
  --color-text: #0f172a;
  --color-text-muted: #334155;
  --color-text-strong: #1e293b;
  --color-on-elevated: #0f172a;
  --color-on-elevated-muted: #334155;
  --color-on-elevated-body: #1e293b;
  --color-accent-text: #1d4ed8;
  --color-text-inverse: #ffffff;
  --color-accent-blue: #2563eb;
  --color-accent-blue-light: #3b82f6;
  --color-accent-cyan: #06b6d4;
  --color-accent-neon: #22d3ee;
  --color-cta: #059669;
  --color-cta-hover: #047857;
  --color-border: rgba(37, 99, 235, 0.15);
  --color-border-glow: rgba(34, 211, 238, 0.4);
  --color-shadow: rgba(26, 26, 46, 0.08);
  --color-glass: rgba(255, 255, 255, 0.65);
  --color-glass-border: rgba(255, 255, 255, 0.35);
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-serif: 'Times New Roman', Georgia, serif;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;
  --header-height: 5.25rem;
  --header-detached-size: 2.75rem;
  --header-edge: var(--space-sm);
  --hero-hud-offset-top: calc(var(--header-edge) + 4.75rem + var(--space-md));
  --float-bar-height: 4.5rem;
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
  --z-header: 100;
  --z-float: 200;
  --z-modal: 300;
  --max-width: 1200px;
  --gradient-subtle: linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-subtle) 100%);
  --gradient-hero: linear-gradient(160deg, rgba(37, 99, 235, 0.04) 0%, rgba(6, 182, 212, 0.06) 100%);
  --section-band-light: #ffffff;
  --section-band-dark: #111827;
  --section-on-light-text: #0f172a;
  --section-on-light-muted: #334155;
  --section-on-dark-text: #f9fafb;
  --section-on-dark-muted: #cbd5e1;
  --section-title-ink: #0f172a;
  --section-subtitle-ink: #334155;
}