:root {
  color-scheme: dark;
  --color-bg: #070a0f;
  --color-bg-soft: #090e15;
  --color-bg-elevated: #0c1119;
  --color-panel: rgba(17, 25, 37, 0.78);
  --color-panel-solid: #111925;
  --color-border: rgba(148, 163, 184, 0.16);
  --color-border-strong: rgba(148, 163, 184, 0.28);
  --color-border-active: rgba(45, 212, 191, 0.42);
  --color-text: #f4f7fb;
  --color-text-soft: #d3dce8;
  --color-text-muted: #9ba8ba;
  --color-accent: #2dd4bf;
  --color-accent-bright: #67e8f9;
  --color-secondary: #818cf8;
  --color-positive: #4ade80;
  --font-display: "Avenir Next", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --content-width: 1180px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --section-space: clamp(5rem, 10vw, 9rem);
  --shadow-panel: 0 24px 80px rgba(0, 0, 0, 0.28);
  --transition: 180ms ease;
}