:root {
  --color-bg: #0B1015;
  --color-surface: #121A21;
  --color-surface-raised: #17232B;
  --color-surface-soft: #10171D;
  --color-border: #26363D;
  --color-border-strong: #38505A;
  --color-text: #F0F5F2;
  --color-text-muted: #A9B8B5;
  --color-text-soft: #7F918E;
  --color-accent: #A5E7C8;
  --color-accent-strong: #68D4AA;
  --color-accent-ink: #0B1614;
  --color-border-alpha: rgba(56, 80, 90, 0.45);
  --color-accent-alpha: rgba(104, 212, 170, 0.12);
  --color-accent-soft: rgba(165, 231, 200, 0.12);
  --color-accent-wash: rgba(165, 231, 200, 0.1);
  --color-accent-tint: rgba(104, 212, 170, 0.22);
  --color-amber: #F2CC87;
  --color-danger: #F1A3A3;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 28px;
  --text-hero: clamp(68px, 20vw, 104px);
  --weight-regular: 400;
  --weight-medium: 550;
  --weight-semibold: 650;
  --weight-bold: 750;
  --shadow-card: 0 18px 50px rgba(0, 0, 0, 0.22);
  --transition-fast: 160ms ease;
}