:root {
  /* Color Palette */
  --bg-base: #080A0E;
  --bg-surface: #0F1117;
  --bg-elevated: #171B24;
  --border: #1E2330;
  --accent: #C8FF00;
  --orange: #FF6B00;
  --green: #00FF88;
  --red: #FF2D55;
  --text-primary: #F0F4FF;
  --text-secondary: #B0B8CC;
  --text-accent: #C8FF00;

  /* Typography */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
  --font-size-sm: 11px;
  --font-size-base: 12px;
  --font-size-lg: 14px;
  --font-size-xl: 16px;
  --font-size-2xl: 22px;
  --font-size-3xl: 32px;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
}