:root {
  color-scheme: dark;
  --color-bg: #0B0F14;
  --color-surface: #151B23;
  --color-surfaceRaised: #1D2530;
  --color-stroke: #303B49;
  --color-text: #F4F7FB;
  --color-muted: #ACB7C4;
  --color-brand: #C9F56A;
  --color-success: #64D6AB;
  --color-warning: #FFCB77;
  --color-danger: #FF7979;
  --color-info: #86BAFF;
  --font-family: Manrope, Inter, system-ui, sans-serif;
  --font-body: 16px;
  --font-secondary: 14px;
  --font-caption: 12px;
  --font-screenTitle: 28px;
  --font-metrics: 36px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --radius-small: 12px;
  --radius-card: 18px;
  --radius-sheet: 24px;
  --motion-press: 120ms;
  --motion-micro: 160ms;
  --motion-card: 210ms;
  --motion-page: 260ms;
  --motion-graph: 325ms;
  --motion-success: 525ms;
  --motion-reduced: 40ms;
  --ease-enter: cubic-bezier(0.2,0.8,0.2,1);
  --tap-min: 48px;
}