:root {

    --void:#08080A;
    --panel:#0D0D13;
    --amethyst:#8b5cf6;
    --orchid:#c084fc;
    --violet-deep:#4c1d95;
    --violet-mid:#6d28d9;
    --mist:#a5a5b3;
    --mist-dim:#6f6f7d;
    --line:rgba(255,255,255,.1);
    --glass:rgba(255,255,255,.05);
    --glass-strong:rgba(255,255,255,.07);
    --bg:#08080A;
    --surface:#12121A;
    --surface2:#171720;
    --primary:#8B5CF6;
    --primary-light:#C084FC;
    --text:#F4F4F5;
    --text2:#A1A1AA;
    --border:rgba(255,255,255,.08);
    --bg-color: #08080A;
    --primary-hover: #7c3aed;
    --secondary: #C084FC;
    --text-main: #FFFFFF;
    --text-muted: rgba(255, 255, 255, 0.7);
    
    /* Glassmorphism Variables */
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-glow: rgba(139, 92, 246, 0.15);
    
    --transition-smooth: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);  
    --radius-lg:26px;
    --radius-md:18px;
    --radius-sm:12px;
    --ease:cubic-bezier(.16,1,.3,1);
    
}