:root {
  --surface: #0b1326;
  --surface-lowest: #060e20;
  --surface-low: #131b2e;
  --surface-container: #171f33;
  --surface-high: #222a3d;
  --surface-highest: #2d3449;
  --text-primary: #dae2fd;
  --text-secondary: #c7c4d7;
  --primary: #c0c1ff;
  --primary-strong: #494bd6;
  --primary-container: #8083ff;
  --secondary: #7dd3e5;
  --secondary-bright: #a1efff;
  --graphite: #1e293b;
  --charcoal: #334155;
  --warm-white: #f7f9fb;
  --blue-gray: #94a3b8;
  --error: #ffb4ab;
  --success: #8de3bd;
  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", Consolas, monospace;
  --container: 1280px;
  --gutter: clamp(20px, 5vw, 80px);
  --section-space: clamp(88px, 11vw, 152px);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --header-height: 72px;
  --border: rgba(148, 163, 184, 0.14);
  --border-strong: rgba(148, 163, 184, 0.27);
  --focus: 0 0 0 3px rgba(125, 211, 229, 0.34);
}