/* Couleurs : palette Bordeaux, seule palette du site.
   --bg fond, --paper papier, --sunk creux, --line/--line2 filets, --ink encre, --muted texte doux,
   --dark aplat sombre, --deep pied de page, --on/--on2 texte sur sombre, --dline/--dsurf filet et
   surface sur sombre, --acc/--acci accent et son texte, --accd/--accdi accent sur sombre,
   --dk2 sombre appuyé, --hl surlignage, --hld/--hldi accent clair sur sombre, --err erreur. */
:root {
  --bg: #F5EBD0;
  --paper: #FBF5E8;
  --sunk: #EDE0C1;
  --line: #DDCDB1;
  --line2: #A38F80;
  --ink: #2B0A11;
  --muted: #64494A;
  --dark: #7F011F;
  --deep: #2B0A11;
  --on: #F5EBD0;
  --on2: #E6C7B9;
  --dline: #A13A4D;
  --dsurf: #8E1832;
  --acc: #7F011F;
  --acci: #F5EBD0;
  --accd: #F5EBD0;
  --accdi: #7F011F;
  --dk2: #5E0017;
  --hl: #EBC3B8;
  --hld: #F0B7A4;
  --hldi: #2B0A11;
  --err: #B3261E;

  /* Typographie */
  --font-text: 'Satoshi', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Clash Display', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Proportions communes ----
     Les unités cqw se rapportent à la largeur du cadre .page (conteneur « page »).
     Valeurs entre parenthèses : à 390, 900 et 1440 px. */

  /* Échelle des titres (rapport de 1,25 au moins d'un niveau à l'autre) */
  --fs-h1: clamp(44px, 6.1cqw, 88px);                  /* titre du hero (44, 55, 88) */
  --fs-h2: clamp(34px, calc(2.2cqw + 26px), 58px);     /* titre de section (35, 46, 58) */
  --fs-figure: clamp(52px, calc(2.6cqw + 42px), 80px); /* chiffre clé (52, 65, 79) */
  --fs-h3: clamp(22px, calc(0.6cqw + 19.6px), 28px);   /* titre de carte (22, 25, 28) */
  --fs-h4: clamp(18px, calc(0.3cqw + 16.8px), 21px);   /* petit titre, question de FAQ (18, 19.5, 21) */

  /* Texte */
  --fs-lead: clamp(17px, calc(0.3cqw + 15.8px), 20px); /* chapô sous un titre (17, 18.5, 20) */
  --fs-body: 16px;                                     /* texte courant */
  --fs-small: 14px;                                    /* légendes, sources, mentions */
  --lh-display: 0.96;
  --lh-title: 1.02;
  --lh-lead: 1.5;
  --lh-body: 1.6;
  --ls-display: -0.042em;
  --ls-title: -0.035em;
  --ls-card: -0.02em;
  --measure: 62ch;                                     /* largeur de lecture du texte courant */
  --measure-lead: 32em;                                /* largeur d'un chapô (environ 2 lignes) */

  /* Espacements : pas de 4 px, puis paliers fluides */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-title-lead: clamp(16px, calc(0.8cqw + 13px), 24px); /* titre → chapô (16, 20, 24) */
  --space-head: clamp(40px, calc(2.6cqw + 30px), 72px);       /* en-tête → contenu (40, 53, 67) */
  --space-actions: clamp(28px, calc(0.8cqw + 25px), 36px);    /* texte → boutons (28, 32, 36) */

  /* Cadre */
  --container: 1280px;
  --gutter: clamp(20px, 5cqw, 72px);                          /* marge latérale, 5 % (20, 45, 72) */
  --section-pad: clamp(72px, calc(4.5cqw + 54px), 128px);     /* haut et bas de section (72, 95, 119) */
  --split-gap: clamp(40px, 5.5cqw, 88px);

  /* Cartes et boutons */
  --radius-card: 24px;
  --radius-card-lg: 28px;
  --card-pad: clamp(24px, calc(1.5cqw + 18px), 40px);         /* (24, 31.5, 40) */
  --btn-h: 52px;
  --btn-h-sm: 46px;
  --btn-fs: 16px;

  /* Mouvement */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-soft: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Palettes des aperçus de sites.
   --p-mute = mélange encre 68 % / fond, --p-dl = mélange texte sur sombre 25 % / sombre. */
.preview--forest { --p-bg: #F3F7EC; --p-ink: #064734; --p-acc: #E0FFC2; --p-acci: #064734; --p-dark: #064734; --p-on: #F3F7EC; --p-tile: #E4EDD7; --p-b: #E0FFC2; --p-bc: #064734; --p-mute: #527f6f; --p-dl: #417362; }
.preview--royal  { --p-bg: #F8F3F0; --p-ink: #0B1A33; --p-acc: #014BAA; --p-acci: #F8F3F0; --p-dark: #0B1A33; --p-on: #F8F3F0; --p-tile: #EEE6E0; --p-b: #014BAA; --p-bc: #F8F3F0; --p-mute: #575f6f; --p-dl: #465062; }
.preview--butter { --p-bg: #FFFBEA; --p-ink: #013E37; --p-acc: #013E37; --p-acci: #FFEFB3; --p-dark: #013E37; --p-on: #FFEFB3; --p-tile: #FFEFB3; --p-b: #FFEFB3; --p-bc: #013E37; --p-mute: #527a70; --p-dl: #416a56; }