/**
 * Theme Frost — Exemple de re-skin du UI
 * Charger APRÈS style.css pour override les variables :
 *   <link rel="stylesheet" href="/css/theme-frost.css">
 *
 * Seul ce fichier suffit pour changer toute l'apparence du jeu.
 */
:root {
    /* --- Fonds (bleu glacé) --- */
    --bg-body: #080c12;
    --bg-dark: #0c1420;
    --bg-medium: #142030;
    --bg-gradient-dark: #101828;
    --bg-gradient-darker: #0a1018;
    --bg-panel: #121a28;
    --bg-row: #141e30;
    --bg-row-border: #1e2e44;
    --bg-bar: #1a2a3a;
    --bg-input: #0e1620;
    --bg-toggle: #1a2a3a;
    --bg-tab-border: #2a3a50;

    /* --- Couleur primaire (bleu-argent) --- */
    /* --gold-bright: #80c0ff; */
    --gold: #4a80b0;
    --gold-bright: #447bb3;
    --gold-light: #b0d0e8;
    --gold-muted: #5090c0;
    --gold-dark: #2a4a6a;
    --gold-accent: #6aa0d0;
    --gold-warm: #5090b0;
    --gold-badge: #60a0d0;
    --gold-title: #80b0d0;

    /* --- Texte (tons froids) --- */
    --text-primary: #c0d0e0;
    --text-light: #d0e0f0;
    --text-muted: #8098b0;
    --text-dim: #607888;
    --text-dimmer: #405060;
    --text-dimmest: #304050;
    --text-white: #e8f0ff;
    --text-warm: #a0b8d0;
    --text-pale: #90a8c0;
    --text-info: #a0b8d0;

    /* --- Overlays (teinte bleue) --- */
    --gold-a08: rgba(74, 128, 176, 0.08);
    --gold-a10: rgba(74, 128, 176, 0.1);
    --gold-a15: rgba(74, 128, 176, 0.15);
    --gold-a20: rgba(74, 128, 176, 0.2);
    --gold-a25: rgba(74, 128, 176, 0.25);
    --gold-a30: rgba(74, 128, 176, 0.3);
    --gold-a40: rgba(74, 128, 176, 0.4);
    --gold-a45: rgba(74, 128, 176, 0.45);
    --gold-a50: rgba(74, 128, 176, 0.5);

    --bg-a60: rgba(14, 22, 32, 0.6);
    --bg-a80: rgba(14, 22, 32, 0.8);

    /* --- Scrollbar --- */
    --scrollbar-track: #0c1420;
    --scrollbar-thumb: #4a80b0;

    /* --- Terrains --- */
    --land-bg: #1a2a3a;
    --land-bg-hover: #2a4050;
    --land-border: #3a5060;

    /* --- Danger --- */
    --danger-bg: #2a1a1a;
    --danger-bg-dark: #1a0a0a;
    --danger-border: #5c2020;

    /* --- Recherche --- */
    --research-bg: #141e30;
    --research-border: #1e3040;

    /* --- Bordures panels/tabs (tons froids) --- */
    --border-panel: #2a3a50;
    --border-card: #1e2e44;
    --border-card-accent: #3a5a7a;
    --border-coffee: rgba(74, 128, 176, 0.3);
    --border-coffee-hover: #80c0ff;

    /* --- Supporter theme overrides (tons froids) --- */
    --supporter-panel-border: rgba(74, 128, 176, 0.3);
    --supporter-panel-shadow: rgba(74, 128, 176, 0.08);
    --supporter-btn-shadow: rgba(74, 128, 176, 0.25);

    /* --- Vue d'ensemble --- */
    --overview-accent: #6090b0;

    /* --- Filtre icônes --- */
    --icon-filter: brightness(0) invert(1) sepia(1) hue-rotate(170deg) saturate(3) brightness(0.75);
    --icon-filter-colored: hue-rotate(170deg) saturate(0.8) brightness(1.1);
}

/* === Overrides directs des bordures (renfort des variables) === */

#build-panel {
    border-top-color: #4a80b0;
}

#build-top-row {
    border-bottom-color: rgba(74, 128, 176, 0.3);
}

#hud {
    border-bottom-color: #4a80b0;
}

#sidebar-menu {
    border-left-color: #4a80b0;
}

.medieval-panel {
    border-color: #4a80b0;
}

.sidebar-coffee-btn {
    background: rgba(74, 128, 176, 0.1);
    border-color: rgba(74, 128, 176, 0.3);
}

.sidebar-coffee-btn:hover {
    background: rgba(74, 128, 176, 0.2);
    border-color: #80c0ff;
}