/* ==========================================================================
   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 */
}