:root {
  --color-bg: #0B0D0F;
  --color-surface: #111315;
  --color-surface-elevated: #181B1F;
  --color-surface-card: #14171A;
  --color-border: #292D32;
  --color-border-light: #363C43;
  --color-text-primary: #F3F4F6;
  --color-text-secondary: #9CA3AF;
  --color-text-muted: #6B7280;
  --color-accent: #B6F36B;
  --color-accent-muted: #96D050;
  --color-accent-dim: rgba(182, 243, 107, 0.08);
  --color-accent-glow: rgba(182, 243, 107, 0.15);

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 250ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}