:root {
    --bg: #050505;
    --fg: #f0f0f2;
    --muted: #88888d;
    --card: rgba(255, 255, 255, 0.03);
    --surface: rgba(255, 255, 255, 0.05);
    --border: rgba(255, 255, 255, 0.08);
    --border-hover: rgba(255, 255, 255, 0.2);
    --accent: #f492f0;
    --accent-glow: rgba(244, 146, 240, 0.4);
    --transition-smooth: cubic-bezier(0.22, 1, 0.36, 1);
    --transition-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --noise-opacity: 0.07;
    --gradient-1: rgba(244, 146, 240, 0.35);
    --gradient-2: rgba(94, 66, 156, 0.35);
    --gradient-3: rgba(0, 0, 0, 0.4);
    --github-brand: #ffffff;
}

:root[data-theme="light"] {
    --bg: #fafafa;
    --fg: #111111;
    --muted: #666666;
    --card: rgba(0, 0, 0, 0.03);
    --surface: rgba(0, 0, 0, 0.05);
    --border: rgba(0, 0, 0, 0.06);
    --border-hover: rgba(0, 0, 0, 0.15);
    --accent: #d04ec5;
    --accent-glow: rgba(208, 78, 197, 0.3);
    --noise-opacity: 0.05;
    --gradient-1: rgba(244, 146, 240, 0.5);
    --gradient-2: rgba(94, 66, 156, 0.5);
    --gradient-3: rgba(255, 255, 255, 0.5);
    --github-brand: #1d1d1f;
}