:root {
  --color-primary: #C3D809;
  --color-primary-dark: #a8bc08;
  --color-on-primary: #000;
  --color-secondary: #4B8BBE;
  --color-accent: #C3D809;
  --color-bg-dark: #151315;
  --color-background: #222022;
  --color-surface: #2a282a;
  --color-surface-2: #333133;
  --color-foreground: #f5f0eb;
  --color-muted: #9a8a8e;
  --color-border: rgba(195, 216, 9, 0.1);
  --color-border-hover: rgba(195, 216, 9, 0.25);
  --color-ring: #C3D809;
  --color-green: #10b981;
  --color-accent-glow: rgba(195, 216, 9, 0.25);
  --radius: 24px;
  --radius-sm: 16px;
  --radius-xs: 10px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
}
body { background: var(--color-background); color: var(--color-foreground); overflow-x: hidden; }