/**
 * ABC Réservation Pro — Variables de couleur
 *
 * 6 couleurs configurables dans Paramètres → Formulaire & Couleurs.
 * Toutes les nuances ci-dessous sont calculées automatiquement.
 *
 * Compatibilité : les valeurs dérivées utilisent color-mix() (Chrome 111+,
 * Firefox 113+, Safari 16.2+). Un bloc @supports fournit des fallbacks hex
 * statiques pour les navigateurs plus anciens (basés sur les valeurs par défaut).
 */

/* ── Fallbacks statiques pour navigateurs sans color-mix() ─────────────── */
/* Ces valeurs correspondent aux dérivées calculées depuis les defaults.    */
:root {
    --gite-primary:        #3498db;
    --gite-secondary:      #2c3e50;
    --gite-bg:             #ffffff;
    --gite-text:           #333333;
    --gite-success:        #27ae60;
    --gite-danger:         #e74c3c;
    --gite-warning:        #f39c12;

    /* Fallbacks hex statiques (écrasés ci-dessous si color-mix() est supporté) */
    --gite-primary-dark:   #2980b9;   /* #3498db assombri ~20% */
    --gite-primary-light:  #eaf4fb;   /* #3498db éclairci ~88% */
    --gite-text-muted:     #8c8c8c;   /* #333333 éclairci ~55% */
    --gite-border:         #dcdcdc;   /* #333333 éclairci ~86% */
    --gite-bg-alt:         #f5f6f7;   /* #ffffff légèrement teinté */
    --gite-success-bg:     #eafaf1;   /* #27ae60 éclairci ~88% */
    --gite-danger-bg:      #fdedec;   /* #e74c3c éclairci ~88% */
    --gite-warning-bg:     #fef9ec;   /* #f39c12 éclairci ~88% */

    /* Alias résumé */
    --gite-color-summary-border: #a9d4ef;   /* #3498db éclairci ~70% */
    --gite-color-heading-h3:     #4a6274;   /* #2c3e50 éclairci ~20% */
}

/* ── Dérivées dynamiques (color-mix) — navigateurs modernes ────────────── */
@supports (color: color-mix(in srgb, red 50%, blue)) {
    :root {
        --gite-primary-dark:  color-mix(in srgb, var(--gite-primary) 80%, #000);
        --gite-primary-light: color-mix(in srgb, var(--gite-primary) 12%, #fff);
        --gite-text-muted:    color-mix(in srgb, var(--gite-text) 45%, #fff);
        --gite-border:        color-mix(in srgb, var(--gite-text) 14%, #fff);
        --gite-bg-alt:        color-mix(in srgb, var(--gite-bg) 94%, var(--gite-secondary));
        --gite-success-bg:    color-mix(in srgb, var(--gite-success) 12%, #fff);
        --gite-danger-bg:     color-mix(in srgb, var(--gite-danger)  12%, #fff);
        --gite-warning-bg:    color-mix(in srgb, #f39c12 12%, #fff);

        --gite-color-summary-border: color-mix(in srgb, var(--gite-primary) 30%, #fff);
        --gite-color-heading-h3:     color-mix(in srgb, var(--gite-secondary) 80%, #fff);
    }
}

/* ── Aliases de compatibilité (anciens noms — ne pas supprimer) ─────────── */
:root {
    --gite-color-primary:              var(--gite-primary);
    --gite-color-primary-hover:        var(--gite-primary-dark);
    --gite-color-secondary:            var(--gite-secondary);
    --gite-color-text:                 var(--gite-text);
    --gite-color-text-light:           var(--gite-text-muted);
    --gite-color-background:           var(--gite-bg);
    --gite-color-background-light:     var(--gite-bg-alt);
    --gite-color-border:               var(--gite-border);
    --gite-color-success:              var(--gite-success);
    --gite-color-success-bg:           var(--gite-success-bg);
    --gite-color-warning:              var(--gite-warning);
    --gite-color-warning-bg:           var(--gite-warning-bg);
    --gite-color-error:                var(--gite-danger);
    --gite-color-error-bg:             var(--gite-danger-bg);
    --gite-color-calendar-available:   var(--gite-success);
    --gite-color-calendar-unavailable: var(--gite-danger);
    --gite-color-calendar-selected:    var(--gite-primary);
    --gite-color-calendar-today:       var(--gite-warning);
    --gite-color-calendar-header:      var(--gite-secondary);
    --gite-color-calendar-header-text: #ffffff;
    --gite-color-form-input-bg:        var(--gite-bg);
    --gite-color-form-input-border:    var(--gite-border);
    --gite-color-form-input-focus:     var(--gite-primary);
    --gite-color-form-label:           var(--gite-text);
    --gite-color-form-placeholder:     var(--gite-text-muted);
    --gite-color-summary-bg:           var(--gite-primary-light);
    --gite-color-price-highlight:      var(--gite-warning);
    --gite-color-btn-secondary-bg:     var(--gite-secondary);
    --gite-color-btn-secondary-text:   #ffffff;
    --gite-color-modal-overlay:        rgba(0,0,0,0.5);
    --gite-color-modal-bg:             var(--gite-bg);
    --gite-color-modal-header-bg:      var(--gite-secondary);
    --gite-color-modal-header-text:    #ffffff;
    --gite-color-heading-h2:           var(--gite-secondary);
    --gite-color-link:                 var(--gite-primary);
    --gite-color-link-hover:           var(--gite-primary-dark);
}