/* ==========================================================================
   Good Karma Theme for Kreezalid — BRAND COLORS
   ==========================================================================

   Toutes les couleurs du thème Good Karma sont déclarées ici, une seule fois,
   sous forme de variables CSS. Le reste du thème (good-karma-theme.css) ne
   contient plus aucune valeur hexadécimale : il ne référence que ces variables.

   Pour rebrander le thème, ne modifiez que ce fichier.

   Convention de nommage :
     --gk-<famille>          couleur pleine
     --gk-<famille>-<pct>    même teinte avec une opacité (pct = % d'opacité)
     --gk-<famille>-rgb      canaux R G B nus, pour rgb(var(--x-rgb) / alpha)
   ========================================================================== */

:root {

  /* ---------- 1. Couleurs de marque -------------------------------------- */

  --gk-orange:            #e85815;   /* couleur principale (menus actifs, hover, bloc vidéo) */
  --gk-orange-60:         #e858159c; /* orange à 61 % : hover menu sur la homepage */
  --gk-orange-tint:       #fef0ec;   /* fond orangé très clair : catégorie active, attribut sélectionné */
  --gk-coral:             #f1a399;   /* texte des attributs sélectionnés */
  --gk-coral-strong:      #ff4b2b;   /* étoiles de notation dans la sidebar d'annonce */
  --gk-teal:              #0c646f;   /* titre h1 des en-têtes de page */
  --gk-yellow:            #ffe43b;   /* dégradé de bordure (contact, add-cat) : départ */
  --gk-pink:              #ffc3c3;   /* dégradé de bordure (contact, add-cat) : arrivée */
  --gk-red:               #ff0000;   /* fond de secours a.add-cat (écrasé par l'image de fond) */

  /* Étoiles de notation (canaux nus, combinés avec --tw-text-opacity) */
  --gk-star-rgb:          250 204 21;   /* jaune : étoile pleine / demi */
  --gk-star-empty-rgb:    229 231 235;  /* gris : étoile vide */

  /* ---------- 2. Blanc / noir -------------------------------------------- */

  --gk-white:             #ffffff;
  --gk-white-80:          #fffc;      /* bouton play vidéo */
  --gk-white-33:          #ffffff54;  /* pastilles de menu sur la homepage */
  --gk-black:             #000000;

  /* ---------- 3. Échelle de gris (du plus foncé au plus clair) ----------- */

  --gk-grey-900:          #222222;   /* message bandeau cookies */
  --gk-grey-800:          #2d2d2d;   /* titres et textes forts (h1 annonce, inputs, localisation) */
  --gk-grey-700:          #333333;   /* gris foncé de la charte : flèches carrousel, boutons edito */
  --gk-grey-600:          #474d50;   /* sous-texte des villes */
  --gk-grey-500:          #696c74;   /* texte courant secondaire, liens vendeur, catégories */
  --gk-grey-400:          #878b8f;   /* labels de réservation */
  --gk-grey-300:          #a9a9a9;   /* paragraphes carrousel tendances, texte contact */
  --gk-grey-250:          #b9b7b7;   /* date de publication, lien signalement */
  --gk-grey-200:          #d3d2d3;   /* bordures inputs, séparateurs mega-menu */
  --gk-grey-150:          #dfdfdf;   /* ombre légère des figures */
  --gk-grey-100:          #ececec;   /* gris clair de la charte : champs de recherche, pastilles */
  --gk-grey-75:           #eeeeee;   /* filets sous les h2 d'annonce */
  --gk-grey-50:           #f2f3f5;   /* fond du pré-footer */
  --gk-grey-25:           #f5f5f5;   /* fond bouton inbox (shop view) */

  /* Gris bleutés */
  --gk-slate-600:         #4c5867;   /* triangle du bouton play */
  --gk-slate-150:         #dfe2e7;   /* bordure des champs de réservation */

  /* Verts d'eau (bloc "listing success") */
  --gk-mint-200:          #deeeea;   /* bordure */
  --gk-mint-50:           #f7fbfa;   /* fond */

  /* ---------- 4. Voiles et dégradés (noir translucide) ------------------- */

  --gk-overlay-black-25:  #00000040; /* voile hero : haut */
  --gk-overlay-black-50:  #00000080; /* voile hero : bas */
  --gk-overlay-black-57:  #00000091; /* dégradé sur les cartes d'annonce */
  --gk-overlay-dark-36:   #2c2c2c5c; /* voile du bloc "about you" */

  /* ---------- 5. Ombres -------------------------------------------------- */

  --gk-shadow-black-15:   rgb(0 0 0 / 15%);
  --gk-shadow-black-16:   rgb(0 0 0 / 16%);
  --gk-shadow-black-22:   rgb(0 0 0 / 22%);
  --gk-shadow-black-23:   rgb(0 0 0 / 23%);
  --gk-shadow-black-25:   rgb(0 0 0 / 25%);
  --gk-shadow-black-30:   rgb(0 0 0 / 30%);
  --gk-shadow-black-50:   rgb(0 0 0 / 50%);
  --gk-shadow-slate-10:   rgb(57 73 76 / 10%);      /* flèches des sous-menus */
  --gk-shadow-green-15:   #001e0026;                /* sous-menu univers */
  --gk-shadow-green-7:    #001e0012;                /* dropdown navbar */
  --gk-shadow-grey-30:    rgb(172 171 171 / 30%);   /* bandeau cookies */

  /* ---------- 6. Neutres de l'interface (refonte "Orbio") ---------------- */
  /* Ajoutés pour la refonte de la home et des composants (section 9 du
     thème). Encre = textes, Line = bordures, Surface = fonds clairs,
     Navy = blocs sombres (CTA, footer). La couleur de marque reste --gk-orange. */

  /* Encre (textes) */
  --gk-ink-900:           #172033;   /* texte principal, titres */
  --gk-ink-700:           #3d4653;   /* liens de navigation, badges */
  --gk-ink-600:           #556072;   /* paragraphe du hero */
  --gk-ink-500:           #667085;   /* texte secondaire, sous-titres de section */
  --gk-ink-400:           #98a2b3;   /* méta, labels en capitales, icônes */
  --gk-ink-300:           #d0d5dd;   /* séparateurs de texte */

  /* Filets et bordures */
  --gk-line-100:          #f1f4f8;   /* filet interne des cartes */
  --gk-line-200:          #eef1f6;   /* bordures de section */
  --gk-line-250:          #edf0f5;   /* bordure du header */
  --gk-line-300:          #eaeef4;   /* bordure des cartes */
  --gk-line-350:          #e6ebf4;   /* bordure des cartes "étapes" */
  --gk-line-400:          #e3e8f2;   /* bordure du bloc recherche et des pastilles */
  --gk-line-450:          #e2e6ee;   /* bordure des onglets filtres */

  /* Surfaces claires */
  --gk-surface-50:        #fbfcfe;   /* bandeau partenaires */
  --gk-surface-100:       #f6f8fd;   /* dégradé du hero, section "étapes", pré-footer */
  --gk-surface-200:       #e5e9f0;   /* fond d'attente des images */

  /* Blocs sombres */
  --gk-navy-900:          #0c1116;   /* barre admin */
  --gk-navy-800:          #141c2b;   /* bloc CTA sombre */
  --gk-navy-700:          #161e28;   /* bandeau "Powered by" */
  --gk-navy-600:          #1c2530;   /* footer */
  --gk-navy-500:          #20293a;   /* fond des cartes image avant chargement */
  --gk-navy-text:         #cbd2dc;   /* liens du footer */
  --gk-navy-muted:        #8a94a3;   /* copyright, texte secondaire du footer */

  /* Accents fonctionnels */
  --gk-amber:             #f6a723;   /* étoiles de notation (Orbio) */
  --gk-green:             #22c55e;   /* point "disponible" */
  --gk-green-dark:        #16a34a;   /* texte "disponible" */

  /* Ombres et voiles bleutés */
  --gk-shadow-navy-7:     rgb(16 24 40 / 7%);   /* bloc recherche */
  --gk-shadow-navy-5:     rgb(16 24 40 / 5%);   /* cartes */
  --gk-overlay-navy-5:    rgb(12 17 22 / 5%);   /* dégradé cartes image : haut */
  --gk-overlay-navy-84:   rgb(12 17 22 / 84%);  /* dégradé cartes image : bas */
  --gk-overlay-navy-35:   rgb(12 17 22 / 35%);  /* pastille flèche des cartes image */
  --gk-white-94:          rgb(255 255 255 / 94%); /* badge catégorie sur image */
  --gk-white-90:          rgb(255 255 255 / 90%); /* texte sur cartes image */
  --gk-white-78:          rgb(255 255 255 / 78%); /* paragraphe du CTA sombre */
  --gk-white-60:          rgb(255 255 255 / 60%); /* note du CTA sombre */
  --gk-white-30:          rgb(255 255 255 / 30%); /* bordure bouton secondaire sur fond sombre */
  --gk-white-22:          rgb(255 255 255 / 22%); /* pastille flèche sur cartes image */
  --gk-white-12:          rgb(255 255 255 / 12%); /* pastille "Pour les coachs" */
  --gk-white-8:           rgb(255 255 255 / 8%);  /* filet du footer */

  /* Marques (fenêtre de partage de la page annonce) */
  --gk-brand-whatsapp:    #25d366;
  --gk-brand-facebook:    #1877f2;
  --gk-brand-messenger:   #0084ff;
}