/* ===================================
   THEMES - Dark & Light
   =================================== */

/* DARK THEME (default) */
:root {
    /* Backgrounds */
    --bg-primary: #000000;
    --bg-secondary: #1f1f1f;
    --bg-tertiary: #2a1f1a;
    --bg-tertiary-songs: #141414;
    --bg-tertiary-exercices: #292719;
    --bg-tertiary-compositions: #241929;

    /* Text */
    --text-primary: #ffffff;
    --text-secondary: #d4c4b0;
    --text-muted: #a89f91;
    --text-black: black;

    /* Accents */
    --accent-primary: #ff6b35;
    --accent-songs: #ff7949;
    --accent-exercices: #ffd036;
    --accent-compositions: #cf6e88;
    --accent-utility: #4C8089;
    --accent-success: #4ade80;
    --accent-warning: #eab308;
    --accent-danger: #ef4444;

    /* Borders */
    --border-color: #3a2f26;
    --border-songs: #3a2f26;
    --border-exercices: #3b3826;
    --border-compositions: #34263b;

    /* Buttons */
    --btn-primary-bg: #ff6b35;
    --btn-primary-hover: #e85d04;
    --btn-secondary-bg: #307D91;
    --btn-secondary-hover: #8b5cf6;
    --btn-danger-bg: #ef4444;
    --btn-danger-hover: #dc2626;

    /* Cards */
    --card-bg: #1f1812;
    --card-hover: #2a1f1a;

    /* Status */
    --status-to-learn: #a855f7;
    --status-learning: #fb923c;
    --status-mastered: #4ade80;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* LIGHT THEME */
[data-theme="light"] {
    /* Backgrounds */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;
    --bg-tertiary-songs: #f0eceb;
    --bg-tertiary-exercices: #f0efeb;
    --bg-tertiary-compositions: #eeebf0;

    /* Text */
    --text-primary: #2c3e50;
    --text-secondary: #495057;
    --text-muted: #6c757d;
    --text-black: black;

    /* Accents */
    --accent-primary: #ff6b35;
    --accent-songs: #ff6b35;
    --accent-exercices: #c5a800;
    --accent-compositions: #9b35cc;
    --accent-success: #27ae60;
    --accent-warning: #d4a017;
    --accent-danger: #e74c3c;

    /* Borders */
    --border-color: #dee2e6;
    --border-songs: #e6dfda;
    --border-exercices: #e4e2d6;
    --border-compositions: #e0dae6;

    /* Buttons */
    --btn-primary-bg: #ff6b35;
    --btn-primary-hover: #e85d04;
    --btn-secondary-bg: #8b5cf6;
    --btn-secondary-hover: #7c3aed;
    --btn-danger-bg: #e74c3c;
    --btn-danger-hover: #c0392b;

    /* Cards */
    --card-bg: #ffffff;
    --card-hover: #f8f9fa;

    /* Status */
    --status-to-learn: #3498db;
    --status-learning: #f39c12;
    --status-mastered: #27ae60;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Transitions simples */
* {
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* Accent par type de contenu */
body[data-content-type="songs"] main { --accent-primary: var(--accent-songs); --border-color: var(--border-songs); --bg-tertiary: var(--bg-tertiary-songs); }
body[data-content-type="exercices"] main { --accent-primary: var(--accent-exercices); --border-color: var(--border-exercices); --bg-tertiary: var(--bg-tertiary-exercices); }
body[data-content-type="compositions"] main { --accent-primary: var(--accent-compositions); --border-color: var(--border-compositions); --bg-tertiary: var(--bg-tertiary-compositions); }