:root {
    --color-primary: #171717;
    --color-primary-rgb: 29, 233, 182;
    --color-secondary: #1f1f1f;
    --color-secondary-rgb: 29, 196, 233;
    --color-accent: #4a4a4a;
    --color-accent-rgb: 1, 92, 104;
    --color-neutral: #b4b4b4;
    --color-neutral-2: #cecece;
    --color-background: #171717;
    --color-nav: #171717;
    --color-neutral-rgb: 255, 255, 255;
    /* ✅ Gradient Variables */
    --gradient-left-panel: linear-gradient(to right, #1de9b6, #1dc4e9);
    --gradient-left-panel-reverse: linear-gradient(to left, #1de9b6, #1dc4e9);
    --gradient-overlay-dark: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    --gradient-button-hover: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.05));
    --gradient-gray-to-teal: linear-gradient(to right, #1de9b6, #1dc4e9);
    --color-teal: #1de9b6;
    --color-blue: #1dc4e9;
    --color-blue-2: #3f51b5;
    --bg-dark: #0e0e0e;
    --glass: rgba(255,255,255,0.06);
    --glass-border: rgba(255,255,255,0.10);
}