/* Slot machine themes – color schemes per game */

/* Slot machine background image per theme (dark overlay + game image) */
[data-theme="sweet-bonanza"] .slot-machine {
  background: linear-gradient(165deg, rgba(30, 20, 37, 0.88) 0%, rgba(22, 14, 26, 0.92) 50%, rgba(26, 18, 32, 0.88) 100%),
    url('../images/games/sweet-bonanza.gif') center / cover;
}
[data-theme="starlight-princess"] .slot-machine {
  background: linear-gradient(165deg, rgba(42, 21, 37, 0.88) 0%, rgba(26, 10, 26, 0.92) 50%, rgba(42, 21, 37, 0.88) 100%),
    url('../images/games/starlight-princess.gif') center / cover;
}
[data-theme="mahjong-ways"] .slot-machine {
  background: linear-gradient(165deg, rgba(15, 31, 24, 0.88) 0%, rgba(10, 20, 16, 0.92) 50%, rgba(15, 31, 24, 0.88) 100%),
    url('../images/games/mahjong-ways.gif') center / cover;
}
[data-theme="olympus"] .slot-machine {
  background: linear-gradient(165deg, rgba(26, 22, 37, 0.88) 0%, rgba(15, 13, 20, 0.92) 50%, rgba(26, 22, 37, 0.88) 100%),
    url('../images/games/gates-of-olympus.gif') center / cover;
}
[data-theme="treasures-of-aztec"] .slot-machine {
  background: linear-gradient(165deg, rgba(18, 26, 13, 0.88) 0%, rgba(13, 20, 8, 0.92) 50%, rgba(18, 26, 13, 0.88) 100%),
    url('../images/games/treasures-of-aztec.gif') center / cover;
}
[data-theme="spaceman"] .slot-machine {
  background: linear-gradient(165deg, rgba(18, 21, 42, 0.88) 0%, rgba(10, 13, 24, 0.92) 50%, rgba(18, 21, 42, 0.88) 100%),
    url('../images/games/spaceman.gif') center / cover;
}
[data-theme="fortune-dragon"] .slot-machine {
  background: linear-gradient(165deg, rgba(13, 20, 13, 0.88) 0%, rgba(8, 16, 8, 0.92) 50%, rgba(13, 20, 13, 0.88) 100%),
    url('../images/games/dragon-castle.gif') center / cover;
}
[data-theme="slot-thailand"] .slot-machine {
  background: linear-gradient(165deg, rgba(232, 160, 160, 0.15) 0%, rgba(255, 215, 0, 0.12) 30%, rgba(40, 32, 24, 0.9) 70%, rgba(28, 22, 16, 0.95) 100%),
    url('../images/games/slot-thailand.png') center / cover;
}

:root,
[data-theme="sweet-bonanza"] {
  --bg: #0d0a0f;
  --surface: #1a1220;
  --text: #f0e6f5;
  --muted: #b8a0c4;
  --neon-red: #ff0844;
  --neon-pink: #ff2d6a;
  --neon-cyan: #00f5ff;
  --neon-gold: #ffd700;
  --border: rgba(255, 8, 68, 0.35);
  --accent-start: #ff0844;
  --accent-end: #cc0636;
}

[data-theme="starlight-princess"] {
  --bg: #1a0a1a;
  --surface: #2a1525;
  --text: #ffe6f5;
  --muted: #e8b8d4;
  --neon-red: #ff69b4;
  --neon-pink: #ff85c1;
  --neon-cyan: #ffb6e1;
  --neon-gold: #ffd1dc;
  --border: rgba(255, 105, 180, 0.4);
  --accent-start: #ff69b4;
  --accent-end: #e91e8c;
}
[data-theme="starlight-princess"] body {
  background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 105, 180, 0.18), transparent),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(255, 182, 193, 0.12), transparent);
}

[data-theme="mahjong-ways"] {
  --bg: #0a1410;
  --surface: #0f1f18;
  --text: #e6f5ee;
  --muted: #a8c4b8;
  --neon-red: #00c853;
  --neon-pink: #69f0ae;
  --neon-cyan: #00e676;
  --neon-gold: #b9f6ca;
  --border: rgba(0, 200, 83, 0.4);
  --accent-start: #00c853;
  --accent-end: #009624;
}
[data-theme="mahjong-ways"] body {
  background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 200, 83, 0.12), transparent),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(105, 240, 174, 0.1), transparent);
}

[data-theme="olympus"] {
  --bg: #0f0d14;
  --surface: #1a1625;
  --text: #f5f0ff;
  --muted: #c4b8e0;
  --neon-red: #ffd700;
  --neon-pink: #ffec8b;
  --neon-cyan: #e6e6fa;
  --neon-gold: #ffd700;
  --border: rgba(255, 215, 0, 0.45);
  --accent-start: #ffd700;
  --accent-end: #daa520;
}
[data-theme="olympus"] body {
  background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 215, 0, 0.15), transparent),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(230, 230, 250, 0.1), transparent);
}

/* Treasures of Aztec – yellow & bluish green */
[data-theme="treasures-of-aztec"] {
  --bg: #0d1408;
  --surface: #121a0d;
  --text: #f5f0e6;
  --muted: #b8c4a8;
  --neon-red: #ffc107;
  --neon-pink: #ffd54f;
  --neon-cyan: #26a69a;
  --neon-gold: #ffeb3b;
  --border: rgba(255, 193, 7, 0.4);
  --accent-start: #ffc107;
  --accent-end: #ff8f00;
}
[data-theme="treasures-of-aztec"] body {
  background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 193, 7, 0.15), transparent),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(38, 166, 154, 0.12), transparent);
}

/* Spaceman – purple & blue */
[data-theme="spaceman"] {
  --bg: #0a0d18;
  --surface: #12152a;
  --text: #e6e8f5;
  --muted: #a0a8c4;
  --neon-red: #7c4dff;
  --neon-pink: #b388ff;
  --neon-cyan: #2196f3;
  --neon-gold: #42a5f5;
  --border: rgba(124, 77, 255, 0.4);
  --accent-start: #7c4dff;
  --accent-end: #651fff;
}
[data-theme="spaceman"] body {
  background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(124, 77, 255, 0.18), transparent),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(33, 150, 243, 0.12), transparent);
}

/* Fortune Dragon – green Chinese dragon (jade, red, gold) */
[data-theme="fortune-dragon"] {
  --bg: #080f08;
  --surface: #0d140d;
  --text: #e6f5e6;
  --muted: #a8c4a8;
  --neon-red: #c62828;
  --neon-pink: #2e7d32;
  --neon-cyan: #00695c;
  --neon-gold: #ffd700;
  --border: rgba(46, 125, 50, 0.4);
  --accent-start: #2e7d32;
  --accent-end: #1b5e20;
}
[data-theme="fortune-dragon"] body {
  background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(46, 125, 50, 0.15), transparent),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(0, 105, 92, 0.12), transparent);
}

/* Slot Thailand – gold with evening pink sky */
[data-theme="slot-thailand"] {
  --bg: #1a1610;
  --surface: #2a2218;
  --text: #fff8e7;
  --muted: #d4c4a8;
  --neon-red: #ffd700;
  --neon-pink: #ffb6c1;
  --neon-cyan: #ffe4b5;
  --neon-gold: #ffd700;
  --border: rgba(255, 215, 0, 0.4);
  --accent-start: #ffd700;
  --accent-end: #daa520;
}
[data-theme="slot-thailand"] body {
  background-image: radial-gradient(ellipse 100% 60% at 50% -10%, rgba(255, 182, 193, 0.35), rgba(255, 215, 0, 0.12) 40%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(255, 215, 0, 0.15), transparent),
    radial-gradient(ellipse 80% 40% at 20% 50%, rgba(218, 165, 32, 0.08), transparent);
}

/* Theme switcher active state overrides */
[data-theme="starlight-princess"] .theme-btn.active { background: rgba(255, 105, 180, 0.3); }
[data-theme="mahjong-ways"] .theme-btn.active { background: rgba(0, 200, 83, 0.25); }
[data-theme="olympus"] .theme-btn.active { background: rgba(255, 215, 0, 0.2); }
[data-theme="treasures-of-aztec"] .theme-btn.active { background: rgba(255, 193, 7, 0.25); }
[data-theme="spaceman"] .theme-btn.active { background: rgba(124, 77, 255, 0.25); }
[data-theme="fortune-dragon"] .theme-btn.active { background: rgba(46, 125, 50, 0.25); }
[data-theme="slot-thailand"] .theme-btn.active { background: rgba(255, 215, 0, 0.25); }