/* ============================================================
   MAISON KHALEB — Tokens de marque
   Charte de marque, Édition 01 — 2026
   Direction validée : 1A « Marbre » (dominante crème).
   1B « Nuit » réservé aux exceptions (packaging, campagnes).
   ------------------------------------------------------------
   Installation :
   1. Déposer ce fichier à côté de site.css
   2. Dans <head>, AVANT site.css :
      <link rel="stylesheet" href="tokens-maison-khaleb.css">
   3. Supprimer l'ancien bloc :root de site.css
   ============================================================ */

/* Polices signature — déjà chargées via <link> dans le <head> de chaque page
   (voir index.html, boutique.html, etc.) : pas d'@import ici pour éviter un
   double chargement qui ralentirait l'affichage. */

:root{
  /* ---------- surfaces ---------- */
  --cream:#F4F1EC;
  --panel:#F7F5F1;
  --stone:#EDE9E1;
  --dark:#211D18;
  --dark-2:#2E2820;

  /* ---------- texte ---------- */
  --text:#211D18;
  --text2:#5D574E;
  --muted:#8F8B85;
  --on-dark:#EDE9E1;
  --on-dark-2:rgba(237,233,225,.66);

  /* ---------- laiton ---------- */
  --gold:#A8875B;
  --gold-clair:#C9A66B;

  /* ---------- états ---------- */
  --line:rgba(33,29,24,.12);
  --line-fort:rgba(33,29,24,.28);
  --erreur:#B4483C;
  --rose:#E08AA6;          /* UI favoris UNIQUEMENT — jamais décoratif */

  /* ---------- typographie ---------- */
  --titre:'Fjalla One',sans-serif;
  --texte:'Saira Condensed',sans-serif;

  --t-display:46px;   --t-display-ls:1px;
  --t-page:38px;
  --t-section:32px;
  --t-sous:22px;
  --t-corps:15.5px;   --t-corps-lh:1.8;
  --t-libelle:12px;   --t-libelle-ls:2.4px;
  --t-surtitre:12px;  --t-surtitre-ls:4px;
  --t-mention:12.5px; --t-mention-ls:1.6px;

  /* ---------- mise en page ---------- */
  --max:1400px;
  --gouttiere:44px;
  --radius:0;              /* angles vifs — signature de la maison */
  --radius-pastille:50%;
  --transition:.3s ease;

  /* ---------- espacements ---------- */
  --e-1:4px;  --e-2:8px;  --e-3:16px;
  --e-4:24px; --e-5:40px; --e-6:64px; --e-7:96px;
}

/* ============================================================
   Régime 1B — Nuit. À poser sur une section, pas sur le body.
   <section class="regime-nuit"> … </section>
   ============================================================ */
.regime-nuit{
  --cream:#211D18;
  --panel:#1A1712;
  --stone:#2E2820;
  --text:#EDE9E1;
  --text2:rgba(237,233,225,.66);
  --muted:rgba(237,233,225,.5);
  --gold:#C9A66B;
  --line:rgba(237,233,225,.14);
  --line-fort:rgba(237,233,225,.3);
  background:var(--cream);
  color:var(--text);
}

/* ============================================================
   Pas de section "Bases" ici : site.css définit déjà body, h1-h4,
   a, .btn et .carte__coeur pour ce site — les redéfinir ici créerait
   des conflits (ex. un soulignement dor sur le logo). Ce fichier ne
   fournit que les variables de marque ci-dessus.
   ============================================================ */
