:root, [data-theme="dark"] {
    /* Fonds (Backgrounds) */
    --bg-base-rgb: 15, 23, 42;
    --bg-base: rgb(var(--bg-base-rgb));

    --bg-panel-rgb: 30, 41, 59;
    --bg-panel: rgb(var(--bg-panel-rgb));

    --bg-item-rgb: 22, 30, 43;
    --bg-item: rgb(var(--bg-item-rgb));

    /* Fonds semi-transparents pour les en-têtes/modales */
    --bg-header-tabs: rgba(0, 0, 0, 0.2);
    --bg-input: rgba(0, 0, 0, 0.3);

    /* Textes */
    --text-pure: #ffffff;
    --text-main: #cbd5e1;
    --text-dim: #94a3b8;
    --text-muted: #64748b;

    /* Bordures (Restauration des 3 niveaux de contraste) */
    --border-color: #334155;
    --border-light: rgba(255, 255, 255, 0.1);
    --border-lighter: rgba(255, 255, 255, 0.05);

    /* Accentuation */
    --primary-rgb: 74, 144, 226;
    --primary: rgb(var(--primary-rgb));
    --primary-hover: #357ABD;

    --success-rgb: 34, 197, 94;
    --success: rgb(var(--success-rgb));

    --danger-rgb: 239, 68, 68;
    --danger: rgb(var(--danger-rgb));

    --warning-rgb: 245, 158, 11;
    --warning: rgb(var(--warning-rgb));

    /* Échiquier */
    --board-light: #F0D9B5;
    --board-dark: #B58863;
    --board-highlight: #C8E6C9;
    --board-selected: #BDD1F8;
    --board-check: #FFB6C6;
    --board-border: #333333;

    /* Jaune moutarde iconique */
    --board-last-move-rgb: 205, 210, 106;
    --board-last-move: rgb(var(--board-last-move-rgb));

    /* Variables Globales */
    --header-height: 70px;
    --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
    --transition-fast: all 0.2s ease;

    /* Alias */
    --bg-secondary: var(--bg-base);
    --bg-primary: var(--bg-panel);
    --text-primary: var(--text-pure);
    --text-secondary: var(--text-dim);
    --border: var(--border-color);
    --transition: var(--transition-fast);
    --shadow: var(--shadow-md);

    /* Z-INDEX */
    --z-board-base: 5;
    --z-board-piece: 10;
    --z-board-overlay: 20;
    --z-dragging: 900;
    --z-navbar: 1100;
    --z-sidebar: 1050;
    --z-dropdown: 2000;
    --z-modal: 10000;
    --z-tooltip: 999999;
}

[data-theme="light"] {
    --bg-base-rgb: 241, 245, 249;
    --bg-base: rgb(var(--bg-base-rgb));

    --bg-panel-rgb: 255, 255, 255;
    --bg-panel: rgb(var(--bg-panel-rgb));

    --bg-item-rgb: 248, 250, 252;
    --bg-item: rgb(var(--bg-item-rgb));

    --bg-header-tabs: rgba(0, 0, 0, 0.05);
    --bg-input: rgba(0, 0, 0, 0.05);

    --text-pure: #0f172a;
    --text-main: #334155;
    --text-dim: #64748b;
    --text-muted: #94a3b8;

    --border-color: #e2e8f0;
    --border-light: rgba(0, 0, 0, 0.1);
    --border-lighter: rgba(0, 0, 0, 0.05);

    --primary-rgb: 37, 99, 235;
    --primary: rgb(var(--primary-rgb));
    --primary-hover: #1d4ed8;
}