/**

 * ABC Réservation Pro — Variables de couleur

 * Palette : La Charbonnière du Vercors — Mood Board

 *

 * 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() ─────────────── */

/* Palette Mood Board :

   Primary   = Vert forêt           #4A7C59

   Secondary = Bordeaux/terracotta  #7A3B49

   BG        = Beige crème          #EDE8DF

   Text      = Brun foncé           #2E2E2E

   Success   = Vert sauge           #5C8E6B

   Danger    = Bordeaux sombre      #8B3A4A

   Warning   = Sable doré           #C4A97A

*/

:root {

    --gite-primary:        #4A7C59;

    --gite-secondary:      #7A3B49;

    --gite-bg:             #EDE8DF;

    --gite-text:           #2E2E2E;

    --gite-success:        #5C8E6B;

    --gite-danger:         #8B3A4A;

    --gite-warning:        #C4A97A;



    /* Fallbacks hex statiques (écrasés ci-dessous si color-mix() est supporté) */

    --gite-primary-dark:   #355C41;   /* #4A7C59 assombri ~20% */

    --gite-primary-light:  #EAF3ED;   /* #4A7C59 éclairci ~88% */

    --gite-text-muted:     #8A8078;   /* #2E2E2E éclairci ~55% */

    --gite-border:         #D4CCBE;   /* #2E2E2E éclairci ~86% */

    --gite-bg-alt:         #E5DFD4;   /* #EDE8DF légèrement teinté */

    --gite-success-bg:     #EAF4EE;   /* #5C8E6B éclairci ~88% */

    --gite-danger-bg:      #F5E8EA;   /* #8B3A4A éclairci ~88% */

    --gite-warning-bg:     #F8F0E3;   /* #C4A97A éclairci ~88% */



    /* Alias résumé */

    --gite-color-summary-border: #A8CAAF;   /* #4A7C59 éclairci ~70% */

    --gite-color-heading-h3:     #5E3040;   /* #7A3B49 é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, var(--gite-warning) 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);

}