:root {
  /* Backgrounds — layered surfaces */
  --bg-base: #0a0f0a;
  --bg-surface: #111a11;
  --bg-surface-raised: #162016;
  --bg-input: #0d140d;

  /* Accent — green/cyan spectrum */
  --accent-primary: #00e676;
  --accent-primary-dim: #00e67633;
  --accent-cyan: #00e5ff;
  --accent-cyan-dim: #00e5ff22;

  /* Semantic */
  --profit: #00e676;
  --loss: #ff1744;
  --warning: #ffab00;
  --neutral: #78909c;

  /* Text */
  --text-primary: #e0f2e0;
  --text-secondary: #7da67d;
  --text-muted: #4a6a4a;

  /* Borders */
  --border-default: #1e2e1e;
  --border-focus: #00e676;

  /* Spacing scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1.25rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* Radii */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* Font */
  --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', 'Cascadia Code', monospace;

  /* Sizes */
  --text-xs: 0.65rem;
  --text-sm: 0.75rem;
  --text-base: 0.85rem;
  --text-lg: 1rem;
  --text-xl: 1.5rem;
  --text-2xl: 2.5rem;

  /* Transitions */
  --transition-fast: 0.15s ease;
}