/* Named palettes. Override --gold / --bg-* and the whole shell follows. */

[data-theme="ocean"] {
    --bg-dark: #020a1a;
    --bg-game: radial-gradient(ellipse at 50% 30%, #0a2a5c, #020a1a 70%);
    --gold: #3b82f6;
    --gold-light: #60a5fa;
    --gold-dark: #2563eb;
    --gold-glow: rgba(59, 130, 246, .4);
    --panel-bg: rgba(10, 30, 80, .5);
    --panel-border: rgba(59, 130, 246, .35);
}

[data-theme="gold"] {
    --bg-dark: #1a1205;
    --bg-game: radial-gradient(ellipse at 50% 30%, #4a2e0c, #1a1205 70%);
    --gold: #d97706;
    --gold-light: #fbbf24;
    --gold-dark: #b45309;
    --gold-glow: rgba(217, 119, 6, .45);
    --panel-bg: rgba(60, 35, 8, .55);
    --panel-border: rgba(251, 191, 36, .4);
}

[data-theme="ruby"] {
    --bg-dark: #1a050a;
    --bg-game: radial-gradient(ellipse at 50% 30%, #4c0519, #1a050a 70%);
    --gold: #e11d48;
    --gold-light: #fb7185;
    --gold-dark: #be123c;
    --gold-glow: rgba(225, 29, 72, .45);
    --panel-bg: rgba(70, 10, 24, .55);
    --panel-border: rgba(251, 113, 133, .4);
}

[data-theme="emerald"] {
    --bg-dark: #04140e;
    --bg-game: radial-gradient(ellipse at 50% 30%, #064e3b, #04140e 70%);
    --gold: #059669;
    --gold-light: #34d399;
    --gold-dark: #047857;
    --gold-glow: rgba(5, 150, 105, .45);
    --panel-bg: rgba(6, 50, 38, .55);
    --panel-border: rgba(52, 211, 153, .35);
}

[data-theme="violet"] {
    --bg-dark: #0d061a;
    --bg-game: radial-gradient(ellipse at 50% 30%, #3b0764, #0d061a 70%);
    --gold: #7c3aed;
    --gold-light: #a78bfa;
    --gold-dark: #6d28d9;
    --gold-glow: rgba(124, 58, 237, .45);
    --panel-bg: rgba(40, 12, 70, .55);
    --panel-border: rgba(167, 139, 250, .4);
}

[data-theme="midnight"] {
    --bg-dark: #020617;
    --bg-game: radial-gradient(ellipse at 50% 30%, #083344, #020617 70%);
    --gold: #22d3ee;
    --gold-light: #67e8f9;
    --gold-dark: #0891b2;
    --gold-glow: rgba(34, 211, 238, .4);
    --panel-bg: rgba(8, 30, 45, .55);
    --panel-border: rgba(103, 232, 249, .35);
}