/* Variables CSS communes à tous les thèmes */
/* Ce fichier contient toutes les variables qui référencent les couleurs de base */
/* Les couleurs de base sont définies dans assets/css/themes/[theme-name]/variables.css */

:root {
    /* ============================================
       TOUTES LES VARIABLES QUI RÉFÉRENCENT
       les couleurs de base avec var()
       Cette section est identique pour tous les thèmes
       ============================================ */
    
    /* Texte */
    --text-color-link: var(--base-color);
    --text-color-link-hover: var(--base-color-dark);
    
    /* Fond */
    --background-color-section: var(--background-color-alt);
    --background-color-card: var(--background-color-secondary);
    --background-color-navbar: var(--background-color-alt);
    --background-color-footer: var(--second-color);
    --background-color-modal: var(--background-color);
    --background-color-error: var(--color-error-light);
    --background-color-success: var(--color-success-light);
    --background-color-warning: var(--color-warning-light);
    --background-color-info: var(--color-info-light);
    --background-color-note: var(--color-note);
    --background-color-detail: var(--color-detail);
    
    /* Formulaires */
    --form-background: var(--background-color-alt);
    --form-element-background: var(--background-color-alt);
    --form-input-background: var(--background-color-alt);
    --form-input-text: var(--text-color);
    --form-input-placeholder: var(--text-color-muted);
    --form-input-disabled-bg: var(--color-detail);
    --form-input-disabled-text: var(--text-color-muted);
    --form-label-text: var(--text-color);
    
    /* Boutons Primary */
    --button-primary-bg: var(--base-color);
    --button-primary-text: var(--text-color-inverse);
    --button-primary-hover-bg: var(--base-color-dark);
    --button-primary-hover-text: var(--text-color-inverse);
    --button-primary-disabled-bg: var(--color-button-disabled);
    --button-primary-disabled-text: var(--text-color-soft);
    
    /* Boutons Secondary */
    --button-secondary-bg: var(--second-color);
    --button-secondary-text: var(--text-color-inverse);
    --button-secondary-hover-bg: var(--second-color-muted);
    --button-secondary-hover-text: var(--text-color-inverse);
    
    /* Boutons Tertiary */
    --button-tertiary-bg: var(--background-color-alt);
    --button-tertiary-text: var(--text-color);
    --button-tertiary-hover-bg: var(--base-color);
    --button-tertiary-hover-text: var(--text-color-inverse);
    
    /* Boutons Small */
    --button-small-bg: var(--background-color-alt);
    --button-small-text: var(--text-color);
    --button-small-hover-bg: var(--second-color-soft);
    --button-small-hover-text: var(--text-color-inverse);
    
    /* Bouton Warning (Edit) */
    --button-warning-bg: transparent;
    --button-warning-text: var(--color-button-edit);
    --button-warning-border: var(--color-button-edit);
    --button-warning-hover-bg: var(--color-button-edit-hover-bg);
    --button-warning-hover-text: var(--color-button-edit-hover);
    --button-warning-hover-border: var(--color-button-edit-hover);
    
    /* Bouton Danger (Delete) */
    --button-danger-bg: transparent;
    --button-danger-text: var(--color-button-delete);
    --button-danger-border: var(--color-button-delete);
    --button-danger-hover-bg: var(--color-button-delete-hover-bg);
    --button-danger-hover-text: var(--color-button-delete-hover);
    --button-danger-hover-border: var(--color-button-delete-hover);
    
    /* Bouton Success (Duplicate) */
    --button-success-bg: transparent;
    --button-success-text: var(--color-button-success);
    --button-success-border: var(--color-button-success);
    --button-success-hover-bg: var(--color-button-success-hover-bg);
    --button-success-hover-text: var(--color-button-success-hover);
    --button-success-hover-border: var(--color-button-success-hover);
    
    /* Bouton View */
    --button-view-bg: transparent;
    --button-view-text: var(--color-button-view);
    --button-view-border: var(--color-button-view);
    --button-view-hover-bg: var(--color-button-view-hover-bg);
    --button-view-hover-text: var(--color-button-view-hover);
    --button-view-hover-border: var(--color-button-view-hover);
    
    /* Alertes */
    --alert-success-bg: var(--color-success-light);
    --alert-success-text: var(--base-color);
    --alert-success-border: var(--base-color);
    
    --alert-error-bg: var(--background-color-error);
    --alert-error-text: var(--text-color);
    --alert-error-border: var(--text-color);
    
    --alert-warning-bg: var(--color-warning-light);
    --alert-warning-text: var(--color-warning-text);
    --alert-warning-border: var(--color-warning);
    
    --alert-info-bg: var(--color-info-light);
    --alert-info-text: var(--text-color-muted);
    --alert-info-border: var(--color-info);
    
    /* Bordures */
    --border-color-soft: var(--border-color);
    --border-color-strong: var(--second-color-muted);
    --border-color-focus: var(--base-color);
    
    /* Checkboxes & Radios */
    --checkbox-bg: var(--background-color-alt);
    --checkbox-border: var(--border-color);
    --checkbox-checked-bg: var(--base-color);
    --checkbox-checked-border: var(--base-color);
    --checkbox-icon: var(--text-color-inverse);
    
    --radio-bg: var(--background-color-alt);
    --radio-border: var(--border-color);
    --radio-checked-bg: var(--base-color);
    --radio-checked-border: var(--base-color);
    --radio-dot: var(--text-color-inverse);
    
    /* Navigation */
    --nav-link-text: var(--text-color);
    --nav-link-hover-text: var(--base-color);
    --nav-link-active-bg: var(--base-color);
    --nav-link-active-text: var(--text-color-inverse);
    --nav-toggle-bar: var(--text-color);
    
    /* Footer */
    --footer-text: var(--text-color-white);
    --footer-title-text: var(--base-color-light);
    --footer-link-text: var(--text-color-white);
    --footer-link-hover-text: var(--base-color-light);
    --footer-border: var(--border-color-white);
    
    /* Steps Indicator (Stepper) */
    --step-indicator-bg: var(--background-color-alt);
    --step-indicator-padding: 20px;
    --step-indicator-border-radius: 8px;
    --step-indicator-margin: 30px 0;
    
    --step-item-flex: 1;
    --step-item-min-width: 100px;
    
    --step-circle-size: 40px;
    --step-circle-border-radius: 50%;
    --step-circle-font-weight: bold;
    --step-circle-text-color: var(--text-color-inverse);
    --step-circle-margin-bottom: 8px;
    
    --step-circle-current-bg: var(--base-color);
    --step-circle-completed-bg: var(--color-success);
    --step-circle-default-bg: var(--border-color);
    --step-circle-cursor-pointer: pointer;
    --step-circle-cursor-disabled: not-allowed;
    
    --step-connector-height: 2px;
    --step-connector-completed: var(--color-success);
    --step-connector-default: var(--border-color);
    --step-connector-top: 15px;
    --step-connector-left: calc(50% + 20px);
    --step-connector-width: calc(50% - 20px);
    
    --step-label-font-size: 12px;
    --step-label-current-color: var(--base-color);
    --step-label-default-color: var(--text-color-soft);
    --step-label-current-weight: bold;
    --step-label-default-weight: normal;
    
    /* Tab Buttons (Final Step) */
    --button-tab-border: var(--border-color-strong);
    --button-tab-bg: var(--border-color-strong);
    --button-tab-text: var(--text-color-inverse);
    --button-tab-shadow: var(--shadow-small);
    
    --button-tab-active-border: var(--base-color);
    --button-tab-active-bg: var(--base-color);
    --button-tab-active-shadow: var(--shadow-primary);
    
    /* Autres */
    --text-size-multiplier: 1;
}