/**
 * Fichier  : /backend/global/assets/css/variables.css
 * Fonction : variables globale du thème admin WordPress
 */

:root {

    /* ==================================================
       1. BRAND / COULEUR PRINCIPALE
    ================================================== */

    /* Couleur unique à personnaliser */
    --admin-primary: #668979;

    /* Variantes générées automatiquement */
    --admin-primary-soft: color-mix(in srgb, var(--admin-primary) 12%, white);
    --admin-primary-hover: color-mix(in srgb, var(--admin-primary) 85%, black);
    --admin-primary-border: color-mix(in srgb, var(--admin-primary) 25%, white);
    --admin-primary-text: color-mix(in srgb, var(--admin-primary) 70%, black);


    /* ==================================================
       2. SURFACES / ARRIÈRE-PLANS
    ================================================== */

    --admin-bg: #f7f8fb;
    --admin-surface: #ffffff;
    --admin-surface-soft: #f1f5f9;

    /* États interactifs */
    --admin-surface-hover: var(--admin-primary-soft);


    /* ==================================================
       3. BORDURES
    ================================================== */

    --admin-border: #e5e7eb;


    /* ==================================================
       4. TYPOGRAPHIE
    ================================================== */

    --admin-text: #111827;
    --admin-muted: #64748b;


    /* ==================================================
       5. COULEURS SYSTÈME
       (notifications, feedback utilisateur)
    ================================================== */

    --admin-success: #16a34a;
    --admin-warning: #f59e0b;
    --admin-danger: crimson;


    /* ==================================================
       6. BORDER RADIUS
    ================================================== */

    --admin-radius-sm: 8px;
    --admin-radius-md: 12px;
    --admin-radius-lg: 18px;
    --admin-radius-pill: 999px;


    /* ==================================================
       7. OMBRES
    ================================================== */

    --admin-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    --admin-shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.12);


    /* ==================================================
       8. ANIMATIONS
    ================================================== */

    --admin-transition: 0.25s ease-in-out;


    /* ==================================================
       9. LAYOUT
    ================================================== */

    --admin-sidebar-width: 240px;
    --admin-sidebar-folded-width: 72px;

}