:root {
  --color-primary: #EC4899;
  --color-primary-dark: #db2777;
  --color-on-primary: #fff;
  --color-secondary: #f472b6;
  --color-accent: #EC4899;
  --color-bg-dark: #120a14;
  --color-background: #1a0f18;
  --color-surface: #221520;
  --color-surface-2: #2a1c28;
  --color-foreground: #f5f0f3;
  --color-muted: #9a8090;
  --color-border: rgba(236, 72, 153, 0.1);
  --color-border-hover: rgba(236, 72, 153, 0.25);
  --color-ring: #EC4899;
  --color-green: #10b981;
  --color-accent-glow: rgba(236, 72, 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; }