/*
 * skyexch Multi-Skin System
 * Each skin redefines all color variables on body.skin-{name}
 * Default skin = no class needed (uses :root values from core.css)
 */

/* ========================================
   Skin: Emerald Gold (Current Default)
   Teal & gold — the original skyexch palette.
   ======================================== */
body.skin-emerald-gold {
  --color-primary: #166865;
  --color-secondary: #fac915;
  --color-light: #e8edfc;
  --color-black: #0a0e1a;
  --color-dark: #1c1c1c;
  --color-accent: #fcec5d;
  --color-gray: #cccccc;
  --color-main: #166865;
  --color-main-mid: #6e79ab;
  --color-main-light: #166865;
  --color-header: #166865;
  --color-mobile-menu: #166865;
  --color-main-title: #e8edfc;
  --color-main-card: #fac915;
  --color-card-dark: #0d3e3c;
  --color-gradient-start: #1c2453;
  --button-gradient: linear-gradient(180deg, #d5fe06, #d5fe06 55%, #a8cc05);
}

/* ========================================
   Skin: Royal Blue
   Deep navy & gold accents.
   Premium casino / poker branding.
   ======================================== */
body.skin-royal-blue {
  --color-primary: #0b1a3e;
  --color-secondary: #e8b930;
  --color-light: #d8dff5;
  --color-black: #060c1f;
  --color-dark: #111827;
  --color-accent: #f5d44b;
  --color-gray: #9ca3af;
  --color-main: #0b1a3e;
  --color-main-mid: #4b5ea8;
  --color-main-light: #1e3a7a;
  --color-header: #0b1a3e;
  --color-mobile-menu: #0b1a3e;
  --color-main-title: #d8dff5;
  --color-main-card: #e8b930;
  --color-card-dark: #0f2050;
  --color-gradient-start: #1a2d6b;
  --button-gradient: linear-gradient(180deg, #e8b930, #e8b930 55%, #c49a20);
}

/* ========================================
   Skin: Crimson Night
   Black/charcoal base with fiery red accents.
   High-energy sports betting mood.
   ======================================== */
body.skin-crimson-night {
  --color-primary: #1a0a0a;
  --color-secondary: #e63946;
  --color-light: #f1dede;
  --color-black: #0d0505;
  --color-dark: #1c1010;
  --color-accent: #ff6b6b;
  --color-gray: #a8a0a0;
  --color-main: #1a0a0a;
  --color-main-mid: #8b3a3a;
  --color-main-light: #3d1515;
  --color-header: #1a0a0a;
  --color-mobile-menu: #1a0a0a;
  --color-main-title: #f1dede;
  --color-main-card: #e63946;
  --color-card-dark: #2a0e0e;
  --color-gradient-start: #3d0f0f;
  --button-gradient: linear-gradient(180deg, #e63946, #e63946 55%, #c22e3a);
}

/* ========================================
   Skin: Midnight Purple
   Deep violet with neon cyan highlights.
   E-sports / modern gaming vibe.
   ======================================== */
body.skin-midnight-purple {
  --color-primary: #160b2e;
  --color-secondary: #00e5ff;
  --color-light: #e0d8f5;
  --color-black: #0a0515;
  --color-dark: #1a1229;
  --color-accent: #7c4dff;
  --color-gray: #9e97ad;
  --color-main: #160b2e;
  --color-main-mid: #6b4fa8;
  --color-main-light: #2d1660;
  --color-header: #160b2e;
  --color-mobile-menu: #160b2e;
  --color-main-title: #e0d8f5;
  --color-main-card: #00e5ff;
  --color-card-dark: #1e1040;
  --color-gradient-start: #2a1555;
  --button-gradient: linear-gradient(180deg, #00e5ff, #00e5ff 55%, #00b8cc);
}

/* ========================================
   Skin: Crypto Noir
   Matte black & Bitcoin orange.
   Modern crypto-casino / blockchain vibe.
   ======================================== */
body.skin-crypto-noir {
  --color-primary: #121212;
  --color-secondary: #fcb92a;
  --color-light: #f5f5f5;
  --color-black: #000000;
  --color-dark: #1e1e1e;
  --color-accent: #ffb84d;
  --color-gray: #757575;
  --color-main: #121212;
  --color-main-mid: #333333;
  --color-main-light: #2c2c2c;
  --color-header: #121212;
  --color-mobile-menu: #121212;
  --color-main-title: #ffffff;
  --color-main-card: #fcb92a;
  --color-card-dark: #181818;
  --color-gradient-start: #262626;
  --button-gradient: linear-gradient(180deg, #fcb92a, #fcb92a 55%, #d67a0b);
}

/* ========================================
   Skin: Vegas Luxury
   Rich black & champagne gold.
   High-roller / VIP club aesthetic.
   ======================================== */
body.skin-vegas-luxury {
  --color-primary: #0f0f0f;
  --color-secondary: #d4af37;
  --color-light: #f9f3e5;
  --color-black: #050505;
  --color-dark: #1a1a1a;
  --color-accent: #f2d26f;
  --color-gray: #8c8c8c;
  --color-main: #0f0f0f;
  --color-main-mid: #4a4a4a;
  --color-main-light: #262626;
  --color-header: #0f0f0f;
  --color-mobile-menu: #0f0f0f;
  --color-main-title: #f9f3e5;
  --color-main-card: #d4af37;
  --color-card-dark: #1c1c1c;
  --color-gradient-start: #333333;
  --button-gradient: linear-gradient(180deg, #d4af37, #d4af37 55%, #aa8c2c);
}

/* ========================================
   Skin: Neon Cyber
   Dark gunmetal & electric pink/cyan.
   Futuristic / Arcade style.
   ======================================== */
body.skin-neon-cyber {
  --color-primary: #0b0c15;
  --color-secondary: #00f3ff;
  --color-light: #e0fbfc;
  --color-black: #050508;
  --color-dark: #141626;
  --color-accent: #ff00ff;
  --color-gray: #7d8296;
  --color-main: #0b0c15;
  --color-main-mid: #2a2e45;
  --color-main-light: #1c1f33;
  --color-header: #0b0c15;
  --color-mobile-menu: #0b0c15;
  --color-main-title: #e0fbfc;
  --color-main-card: #00f3ff;
  --color-card-dark: #121422;
  --color-gradient-start: #1c1633;
  --button-gradient: linear-gradient(180deg, #ff00ff, #ff00ff 55%, #d100d1);
}

/* ========================================
   Skin: Sports Green
   Forest green & vibrant lime.
   Classic sportsbook / football field look.
   ======================================== */
body.skin-sports-green {
  --color-primary: #0a2615;
  --color-secondary: #39ff14;
  --color-light: #e8fce8;
  --color-black: #020f06;
  --color-dark: #13331f;
  --color-accent: #7cff63;
  --color-gray: #aabf60;
  --color-main: #0a2615;
  --color-main-mid: #2c5e3d;
  --color-main-light: #164026;
  --color-header: #0a2615;
  --color-mobile-menu: #0a2615;
  --color-main-title: #ffffff;
  --color-main-card: #39ff14;
  --color-card-dark: #0f301d;
  --color-gradient-start: #1a4d33;
  --button-gradient: linear-gradient(180deg, #39ff14, #39ff14 55%, #2ec712);
}

/* ========================================
   Skin: Atlantic Blue
   Clean corporate blue & bright white.
   Trustworthy / Lotto / Fintech style.
   ======================================== */
body.skin-atlantic-blue {
  --color-primary: #004e92;
  --color-secondary: #00b4db;
  --color-light: #f0f8ff;
  --color-black: #001a33;
  --color-dark: #003366;
  --color-accent: #4ddbff;
  --color-gray: #99aabb;
  --color-main: #004e92;
  --color-main-mid: #337ab7;
  --color-main-light: #0060b3;
  --color-header: #004e92;
  --color-mobile-menu: #004e92;
  --color-main-title: #ffffff;
  --color-main-card: #00b4db;
  --color-card-dark: #003d73;
  --color-gradient-start: #005fa3;
  --button-gradient: linear-gradient(180deg, #00b4db, #00b4db 55%, #0093b3);
}

/* ========================================
   Skin: Slate & Ruby
   Dark grey slate with punchy red highlights.
   Modern minimalist betting.
   ======================================== */
body.skin-slate-ruby {
  --color-primary: #2b2d42;
  --color-secondary: #ef233c;
  --color-light: #edf2f4;
  --color-black: #1a1b26;
  --color-dark: #202130;
  --color-accent: #d90429;
  --color-gray: #8d99ae;
  --color-main: #2b2d42;
  --color-main-mid: #54587a;
  --color-main-light: #3a3d59;
  --color-header: #2b2d42;
  --color-mobile-menu: #2b2d42;
  --color-main-title: #edf2f4;
  --color-main-card: #ef233c;
  --color-card-dark: #232536;
  --color-gradient-start: #353852;
  --button-gradient: linear-gradient(180deg, #ef233c, #ef233c 55%, #c71228);
}

/* ========================================
   Skin: Solar Flare
   Deep brown/burgundy with intense orange/yellow.
   Warm / Slot Machine / Arcade feel.
   ======================================== */
body.skin-solar-flare {
  --color-primary: #3d1c02;
  --color-secondary: #ffaa00;
  --color-light: #fff5e6;
  --color-black: #1f0e01;
  --color-dark: #4d2605;
  --color-accent: #ffcc00;
  --color-gray: #a68b72;
  --color-main: #3d1c02;
  --color-main-mid: #8c4b14;
  --color-main-light: #5e2e07;
  --color-header: #3d1c02;
  --color-mobile-menu: #3d1c02;
  --color-main-title: #fff5e6;
  --color-main-card: #ffaa00;
  --color-card-dark: #2e1502;
  --color-gradient-start: #592903;
  --button-gradient: linear-gradient(180deg, #ffaa00, #ffaa00 55%, #cc8800);
}