/* Color Palettes CSS Variables */

/* Default Blue */
[data-palette="default"] {
    --primary: #0099ff;
    --primary-dark: #007acc;
    --primary-light: #33adff;
    --accent: #00ccff;
    --dark: #0A0A0F;
    --darker: #050508;
    --light: #F0F0F0;
    --gray: #8A8A9E;
    --success: #00cc88;
}

/* Gaming Green */
[data-palette="green"] {
    --primary: #00cc88;
    --primary-dark: #00aa66;
    --primary-light: #33dd99;
    --accent: #00ffaa;
    --dark: #0A0F0A;
    --darker: #050805;
    --light: #F0FFF0;
    --gray: #8A9E8A;
    --success: #00cc88;
}

/* CS Orange */
[data-palette="orange"] {
    --primary: #ff8c00;
    --primary-dark: #cc7000;
    --primary-light: #ffa533;
    --accent: #ffaa00;
    --dark: #0F0A0A;
    --darker: #080505;
    --light: #FFF0F0;
    --gray: #9E8A8A;
    --success: #ff8c00;
}

/* Focal Red */
[data-palette="red"] {
    --primary: #ff375f;
    --primary-dark: #cc2b4c;
    --primary-light: #ff5b7d;
    --accent: #ff6b8b;
    --dark: #0F0A0A;
    --darker: #080505;
    --light: #FFF0F0;
    --gray: #9E8A8A;
    --success: #ff375f;
}

/* Modern White */
[data-palette="white"] {
    --primary: #ffffff;
    --primary-dark: #e6e6e6;
    --primary-light: #ffffff;
    --accent: #f0f0f0;
    --dark: #121212;
    --darker: #050505;
    --light: #ffffff;
    --gray: #aaaaaa;
    --success: #00cc88;
}