/* ============================================================
   CATHARSIS — tokens.css
   Charte : mockups Kaëla (docs/kaela_doc) — ne pas dévier.
   Polices auto-hébergées (RGPD : aucun CDN).
   ============================================================ */

/* ---------- Polices ---------- */
@font-face {
  font-family: 'Cinzel';
  src: url('../fonts/cinzel-v26-latin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cinzel';
  src: url('../fonts/cinzel-v26-latin-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cinzel';
  src: url('../fonts/cinzel-v26-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond-v21-latin-italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond-v21-latin-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond-v21-latin-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond-v21-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ---------- Design tokens ---------- */
:root {
  /* Palette — identité visuelle Catharsis */
  --bordeaux:      #3B0F17;  /* Bordeaux profond — fonds, titres */
  --bourgogne:     #5A1E2B;  /* Bourgogne — accents, boutons hover */
  --ivoire:        #F3EFE6;  /* Ivoire naturel — fond principal */
  --ivoire-2:      #ECE6D8;  /* Ivoire ombré — cartes, alternances */
  --papier:        #FAF7F0;  /* Blanc papier — surfaces claires */
  --or:            #B08D57;  /* Or antique — filets, détails */
  --or-clair:      #C9AC7C;  /* Or clair — hover, étoiles */
  --noir:          #111111;  /* Noir intense */
  --encre:         #2E2422;  /* Encre chaude — texte courant sur ivoire */
  --ivoire-sur-bx: #EFE8DB;  /* Texte ivoire sur bordeaux */

  /* Typographies */
  --ff-display: 'Cinzel', 'Times New Roman', serif;
  --ff-texte:   'Cormorant Garamond', Georgia, serif;

  /* Échelle typographique */
  --fs-hero:    clamp(2.4rem, 5.2vw, 4.2rem);
  --fs-h2:      clamp(1.9rem, 3.4vw, 2.8rem);
  --fs-h3:      clamp(1.3rem, 2vw, 1.65rem);
  --fs-body:    1.22rem;
  --fs-small:   1.05rem;
  --fs-eyebrow: 0.78rem;

  /* Mise en page */
  --maxw:      1180px;
  --gutter:    clamp(1.25rem, 4vw, 3rem);
  --s-section: clamp(4rem, 9vw, 7.5rem);

  /* Divers */
  --transition: 220ms cubic-bezier(.4, 0, .2, 1);
  --shadow-carte: 0 18px 40px -18px rgba(59, 15, 23, .28);
}