/* Design tokens Infinitum AI — seule source des valeurs de la charte.
   Charte : Direction artistique V4 (04.10.2026). Dérivées : mesurées dans les maquettes (1440 px). */

@font-face { font-family: "Caladea"; src: local("Caladea"), url("../fonts/caladea-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Caladea"; src: local("Caladea Italic"), url("../fonts/caladea-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Liberation Sans"; src: local("Liberation Sans"), url("../fonts/liberation-sans-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Liberation Sans"; src: local("Liberation Sans Bold"), url("../fonts/liberation-sans-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Liberation Mono"; src: local("Liberation Mono"), url("../fonts/liberation-mono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  /* Palette officielle */
  --c-ivoire: #F6F3EC;
  --c-encre: #101F30;
  --c-or-mat: #AF873A;
  --c-mineral: #E9E7DE;
  /* Dérivées présentes dans les maquettes */
  --c-marine-profond: #05132D;   /* en-tête, pied de page */
  --c-blanc-casse: #FFFEFB;      /* champs, cartes */
  --c-ardoise: #55616B;          /* texte secondaire */
  --c-brume: #BCC7D1;            /* texte secondaire sur sombre */
  --c-or-clair: #DFC180;         /* accent or sur sombre */
  --c-or-moyen: #C9A567;         /* bouton or de l'appel final, motifs sur sombre */
  --c-filet: #D7D7CF;            /* filets et bordures sur clair */
  --c-filet-sombre: #405060;     /* filets sur sombre */
  --c-or-texte: #7F622A;         /* or du petit texte sur fond clair (5,15:1) — décision client 05.10.2026 */

  /* Rôles */
  --couleur-fond: var(--c-ivoire);
  --couleur-surface: var(--c-blanc-casse);
  --couleur-texte: var(--c-encre);
  --couleur-texte-secondaire: var(--c-ardoise);
  --couleur-accent: var(--c-or-mat);
  --couleur-ligne: var(--c-filet);
  --couleur-bordure-champ: var(--c-ardoise);   /* au lieu du filet #D7D7CF (1,4:1) : décision client 05.10.2026 */
  --couleur-fond-inverse: var(--c-marine-profond);
  --couleur-texte-inverse: var(--c-ivoire);
  --couleur-texte-inverse-secondaire: var(--c-brume);
  --couleur-accent-inverse: var(--c-or-clair);
  --couleur-or-texte: var(--c-or-texte);        /* texte or sur ivoire, minéral, blanc cassé */
  --couleur-ligne-inverse: var(--c-filet-sombre);
  --couleur-bouton: var(--c-encre);
  --couleur-focus: var(--c-encre);             /* fonds clairs : Encre (Or mat = 2,98:1 sur Ivoire) — décision client 06.10.2026 */

  /* Polices (replis métriquement compatibles) */
  --police-titres: "Caladea", Cambria, Georgia, serif;
  --police-texte: "Liberation Sans", Arial, Helvetica, sans-serif;
  --police-mono: "Liberation Mono", "Courier New", monospace;

  /* Échelle : max = maquette desktop 1440 px */
  --taille-display: clamp(2.5rem, 1.2rem + 4.4vw, 5rem);        /* 80 px : titre de l'accueil */
  --taille-h1: clamp(2.5rem, 1.3rem + 4.2vw, 4.8125rem);        /* 77 px : titre des autres pages */
  --taille-h2-grand: clamp(2.125rem, 1.2rem + 3.2vw, 3.9375rem);/* 63 px : appel final */
  --taille-h2: clamp(2rem, 1.2rem + 2.8vw, 3.5rem);             /* 56 px : titres de section (52-59) */
  --taille-titre-bloc: clamp(1.75rem, 1.3rem + 1.6vw, 2.6875rem); /* 43 px : Mesurer, Réflexion… */
  --taille-titre-moyen: clamp(1.625rem, 1.3rem + 1.2vw, 2.375rem);/* 38 px */
  --taille-h3: clamp(1.5rem, 1.25rem + 0.8vw, 2rem);            /* 32 px : noms, intertitres */
  --taille-titre-petit: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem); /* 27-30 px */
  --taille-chiffre: clamp(3rem, 2rem + 3.3vw, 4.75rem);         /* 76 px : 28 */
  --taille-chiffre-moyen: clamp(2.5rem, 1.8rem + 2.4vw, 3.6875rem); /* 59 px : 25+, 200+ */
  --taille-titre-carte: clamp(1.25rem, 1.1rem + 0.5vw, 1.5625rem);  /* 25 px, Liberation Sans gras */
  --taille-texte-moyen: clamp(1.0625rem, 1rem + 0.25vw, 1.25rem);   /* 20 px */
  --taille-chapeau: clamp(1.25rem, 1rem + 0.9vw, 1.8125rem);    /* 29 px, Caladea */
  --taille-chapeau-sans: clamp(1.1875rem, 1rem + 0.6vw, 1.5rem); /* 24 px, Liberation Sans */
  --taille-texte-grand: clamp(1.125rem, 0.95rem + 0.6vw, 1.4375rem); /* 23 px */
  --taille-texte: clamp(1.0625rem, 0.95rem + 0.35vw, 1.375rem); /* 22 px */
  --taille-champ-libelle: clamp(1.0625rem, 1rem + 0.2vw, 1.1875rem); /* 19 px */
  --taille-champ: 1.125rem;                                     /* 18 px */
  --taille-note: 1.0625rem;                                     /* 17 px */
  --taille-nav: 1rem;                                           /* 16 px */
  --taille-petit: 0.9375rem;                                    /* 15 px */
  --taille-etiquette: 0.8125rem;                                /* 13 px */
  --taille-mono-info: 1rem;                                     /* 16 px */
  --interligne-titres: 1.15;
  --interligne-texte: 1.48;
  --interlettrage-titres: 0.022em;     /* mesuré dans les maquettes (Caladea) */
  --interlettrage-etiquette: 0.06em;    /* mesuré : 19 caractères mono 13 px = 162,6 px */

  /* Espacements */
  --e-1: 0.25rem; --e-2: 0.5rem; --e-3: 0.75rem; --e-4: 1rem; --e-5: 1.5rem;
  --e-6: 2rem; --e-7: 3rem; --e-8: 4rem; --e-9: 6rem; --e-10: 8rem;
  --espace-section: clamp(3rem, 1.5rem + 4vw, 4.25rem);

  /* Mise en page : 1440 − 2 × 96 = 1248 px */
  --largeur-max: 78rem;
  --marge-page: clamp(1.25rem, 0.2rem + 6vw, 6rem);
  --largeur-lecture: 42rem;
  --hauteur-entete: 7rem;          /* 112 px */
  --hauteur-champ: 3.875rem;       /* 62 px */

  --rayon: 0;
  --trait: 1px;
  --transition: 180ms ease;
}

@media (max-width: 1280px) {
  :root { --hauteur-entete: 4.5rem; }
}