:root {
  --color-primary: #34D399;
  --color-primary-dark: #10b981;
  --color-on-primary: #000;
  --color-secondary: #6ee7b7;
  --color-accent: #34D399;
  --color-bg-dark: #0a1210;
  --color-background: #0f1a16;
  --color-surface: #16201c;
  --color-surface-2: #1c2824;
  --color-foreground: #f0f6f3;
  --color-muted: #7a9288;
  --color-border: rgba(52, 211, 153, 0.1);
  --color-border-hover: rgba(52, 211, 153, 0.25);
  --color-ring: #34D399;
  --color-green: #10b981;
  --color-accent-glow: rgba(52, 211, 153, 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; }