/* =====================================================================
   VERBUM — Design tokens
   Charte graphique : or sacré · parchemin · noir profond · bleu nuit
   ===================================================================== */
:root {
  /* — Palette officielle — */
  --or-sacre: #C9A84C;
  --or-clair: #E6CC7A;
  --or-sombre: #8C7330;
  --parchemin: #F5E6C8;
  --blanc-parchemin: #F0E8D5;
  --noir-profond: #0A0A0F;
  --noir-2: #101018;
  --bleu-nuit: #0D1B2A;
  --bleu-nuit-2: #13263A;
  --rouge-antique: #8B1A1A;
  --rouge-clair: #C2453B;
  --gris-pierre: #4A4A5A;
  --gris-clair: #9A97A6;
  --vert-dore: #7E9A4E;      /* badge CANONIQUE (vert doré) */
  --vert-dore-clair: #B5C77A;

  /* — Rôles sémantiques — */
  --bg: var(--noir-profond);
  --bg-elev: rgba(255, 255, 255, .025);
  --bg-glass: rgba(10, 10, 15, .62);
  --text: var(--blanc-parchemin);
  --text-dim: #B9B2A2;
  --text-mute: var(--gris-clair);
  --line: rgba(201, 168, 76, .18);
  --line-strong: rgba(201, 168, 76, .45);
  --accent: var(--or-sacre);

  /* — Dégradés — */
  --grad-or: linear-gradient(100deg, #8C7330 0%, #E6CC7A 28%, #C9A84C 50%, #F5E6C8 62%, #A8883A 100%);
  --grad-nuit: radial-gradient(120% 80% at 50% 0%, #13263A 0%, #0D1B2A 35%, #0A0A0F 75%);
  --glow-or: 0 0 40px rgba(201, 168, 76, .25), 0 0 120px rgba(201, 168, 76, .08);

  /* — Typographies — */
  --f-epi: "Cinzel Decorative", "Cinzel", "Trajan Pro", serif;   /* titres de galeries */
  --f-cap: "Cinzel", "Trajan Pro", serif;                        /* capitales romaines */
  --f-titre: "Cormorant Garamond", "Garamond", serif;            /* titres */
  --f-texte: "EB Garamond", "Garamond", Georgia, serif;          /* corps, grec polytonique */
  --f-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-hebreu: "Frank Ruhl Libre", "Noto Sans Hebrew", "SBL Hebrew", serif;
  --f-hebreu-sans: "Noto Sans Hebrew", "Frank Ruhl Libre", sans-serif;
  --f-grec: "EB Garamond", "Gentium Plus", "Noto Serif", serif;

  /* — Échelle typographique fluide — */
  --t-xs: clamp(.72rem, .7rem + .1vw, .8rem);
  --t-sm: clamp(.85rem, .82rem + .15vw, .95rem);
  --t-base: clamp(1.05rem, 1rem + .25vw, 1.2rem);
  --t-lg: clamp(1.25rem, 1.1rem + .6vw, 1.6rem);
  --t-xl: clamp(1.7rem, 1.3rem + 1.6vw, 2.6rem);
  --t-2xl: clamp(2.2rem, 1.5rem + 3vw, 4rem);
  --t-hero: clamp(3.4rem, 1rem + 11vw, 11rem);

  /* — Espacements — */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem; --s-5: 1.5rem;
  --s-6: 2rem; --s-7: 3rem; --s-8: 4.5rem; --s-9: 7rem; --s-10: 10rem;
  --container: 1240px;
  --container-narrow: 820px;
  --radius: 14px;
  --radius-lg: 22px;

  /* — Mouvement — */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --d-fast: .25s; --d-med: .6s; --d-slow: 1.2s;

  /* — Profondeur — */
  --z-bg: 0; --z-content: 1; --z-nav: 50; --z-drawer: 60; --z-modal: 80; --z-cursor: 95; --z-loader: 100;
  --shadow-card: 0 30px 80px -30px rgba(0, 0, 0, .8), 0 0 0 1px var(--line);
}