/* ============================================================
   AKRAME — Design tokens (DA extraite de AKRAME-site-complet.html)
   Source unique de vérité pour la charte.
   ============================================================ */
:root{
  /* — Couleurs (noir chaud + or + pierre/crème) — */
  --c-noir:   #080604;
  --c-noir-2: #111009;
  --c-noir-3: #1C1710;
  --c-border: #2C2018;
  /* Ancienne valeur #7A6852 : 3,79:1 sur le fond noir, sous le minimum de 4,5:1
     exigé par la norme WCAG AA pour du texte de cette taille. Elle servait à la
     ligne de consentement, au pied de page et au texte indicatif du champ e-mail,
     tous illisibles sur les zones claires de la photo. Même teinte (33°) et même
     saturation (20 %), clarté relevée : 5,14:1. */
  --c-muted:  #927D62;
  --c-text:   #E0D2BE;
  --c-cream:  #F4EDE0;
  --c-gold:   #B09050;
  --c-stone:  #C8A87A;
  --c-stone-2:#DEC09A;

  /* — Typographie — */
  --ff-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --ff-sans:  'Raleway', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* — Échelle fluide — */
  --fs-kicker: clamp(11px, 1.05vw, 13px);
  --fs-body:   clamp(14px, 1.3vw, 16px);
  --fs-lead:   clamp(16px, 1.7vw, 19px);
  --fs-display:clamp(44px, 9vw, 118px);
  --fs-sub:    clamp(19px, 2.4vw, 30px);

  /* — Rythme & formes — */
  --maxw: 640px;
  --pad:  clamp(22px, 5vw, 64px);
  --radius: 999px;
  --ls-wide: .34em;
  --ls-mid:  .18em;

  /* — Mouvement — */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: .8s;

  /* — Voile / lisibilité sur image — */
  --scrim: linear-gradient(180deg,
            rgba(8,6,4,.66) 0%,
            rgba(8,6,4,.50) 30%,
            rgba(8,6,4,.72) 72%,
            rgba(8,6,4,.95) 100%);
}