:root {
  --bg-page: #0A0A10;
  --card-fill: rgba(255,255,255,0.03);
  --card-hover: rgba(255,255,255,0.05);
  --input-fill: rgba(255,255,255,0.04);
  --code-fill: rgba(255,255,255,0.035);
  --border: rgba(255,255,255,0.08);
  --text-primary: #E7ECF4;
  --text-secondary: #9AA4B5;
  --text-muted: #5E6A7D;
  --accent: #7C5CFF;
  --accent-hover: #684AE0;
  --accent-soft: rgba(124,92,255,0.12);
  --positive: #2BD48A;
  --positive-soft: rgba(43,212,138,0.12);
  --risk: #F0B43C;
  --risk-soft: rgba(240,180,60,0.12);
  --negative: #F05C5C;
  --negative-soft: rgba(240,92,92,0.12);
  --chip-neutral-fill: rgba(255,255,255,0.06);
  --radius-card: 8px;
  --radius-button: 8px;
  --radius-pill: 999px;
  --border-width: 1px;
  --type-display-size: 40px;
  --type-display-line: 1.1;
  --type-h1-size: 26px;
  --type-h1-line: 1.2;
  --type-h2-size: 17px;
  --type-h2-line: 1.3;
  --type-body-size: 14px;
  --type-body-line: 1.5;
  --type-data-size: 13px;
  --type-data-line: 1.4;
  --type-label-size: 11px;
  --type-label-line: 1.3;
  --type-label-track: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --card-padding: 20px;
  --content-max: 1200px;
  --hero-glow: 0 0 80px rgba(124,92,255,0.10);
}