/* css/partials/_theme-variables.css */

/* Variables CSS - Thème Clair (par défaut) */
:root {
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --background-color: #f8f9fa;
    --text-color: #212529;
    --card-bg: #ffffff;
    --border-color: #dee2e6;
    --card-shadow-light-theme: 0 4px 15px rgba(0,0,0,0.07);
    --card-shadow-hover-light-theme: 0 8px 25px rgba(0,0,0,0.1);
    --code-bg-color: #e9ecef;
    --option-hover-bg: #e2e6ea;
    --link-color: #007bff;
    --link-hover-color: #0056b3;
    --success-color: #28a745;
    --success-color-dark: #218838; /* Ajouté */
    --success-bg-color: #d4edda; /* Similaire à correct-bg */
    --success-border-color: #c3e6cb; /* Similaire à correct-border */
    --success-text-color: #155724; /* Similaire à correct-text */
    --danger-color: #dc3545;
    --danger-color-dark: #c82333; /* Ajouté */
    --danger-color-rgb: 220, 53, 69; /* Pour rgba */
    --correct-bg: #d4edda;
    --correct-border: #c3e6cb;
    --correct-text: #155724;
    --incorrect-bg: #f8d7da;
    --incorrect-border: #f5c6cb;
    --incorrect-text: #721c24;
    --quiz-option-border: #ced4da;
    --quiz-option-selected-bg: #cfe2ff;
    --quiz-option-selected-border: #b6d4fe;
    --font-family:
        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
        Arial, sans-serif;
    --font-family-monospace:
        Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    --container-width: 960px;
    --spacing-unit: 1rem;
    --card-shadow: var(--card-shadow-light-theme);
    --card-shadow-hover: var(--card-shadow-hover-light-theme);
    --main-content-padding-top: 15px; /* Espacement supérieur du contenu principal */
    /* Variables pour la bannière "Preview Mode" */
    --warning-background-color: #FFA500;
    --warning-text-color: #000000;
    --warning-border-color: #FFA500;
}

/* Thème Sombre */
body.dark-theme {
    --primary-color: #4dabf7;
    --secondary-color: #adb5bd;
    --background-color: #212529;
    --text-color: #f8f9fa;
    --card-bg: #343a40;
    --border-color: #495057;
    --card-shadow-dark-theme: 0 4px 15px rgba(0,0,0,0.2);
    --card-shadow-hover-dark-theme: 0 8px 25px rgba(0,0,0,0.25);
    --code-bg-color: #2b2b2b;
    --option-hover-bg: #495057;
    --link-color: #82c9ff;
    --link-hover-color: #a5d8ff;
    --success-color: #73d13d;
    --success-color-dark: #52c41a; /* Ajouté pour thème sombre */
    --success-bg-color: #2a3b2c; /* Similaire à correct-bg thème sombre */
    --success-border-color: #3c5a3e; /* Similaire à correct-border thème sombre */
    --success-text-color: #b7eb8f; /* Similaire à correct-text thème sombre */
    --danger-color: #ff4d4f;
    --danger-color-dark: #cf1322; /* Ajouté pour thème sombre */
    --danger-color-rgb: 255, 77, 79; /* Pour rgba */
    --correct-bg: #2a3b2c;
    --correct-border: #3c5a3e;
    --correct-text: #b7eb8f;
    --incorrect-bg: #442427;
    --incorrect-border: #693235;
    --incorrect-text: #ffa39e;
    --quiz-option-border: #5a5a5a;
    --quiz-option-selected-bg: #004a7c;
    --quiz-option-selected-border: #0062a3;
    --card-shadow: var(--card-shadow-dark-theme);
    --card-shadow-hover: var(--card-shadow-hover-dark-theme);
    /* Variables pour la bannière "Preview Mode" */
    --warning-background-color: #664d03;
    --warning-text-color: #ffecb5;
    --warning-border-color: #594402;
}