/*
 * STUDIO MOGADOR — THÈME GLOBAL
 * Référence : page « Vos projets ».
 *
 * Pour changer la charte, modifier uniquement les variables de :root.
 * Les autres fichiers CSS consomment ces valeurs sans redéfinir les polices,
 * l’échelle typographique, les couleurs ou les grands espacements.
 */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("assets/cormorant-garamond-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  src: url("assets/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Polices — référence exacte de « Vos projets » */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", Arial, sans-serif;

  /* Échelle typographique harmonisée */
  --type-display: clamp(2.55rem, 3.5vw, 3.5rem);
  --type-h1: clamp(2.3rem, 3.4vw, 3.15rem);
  --type-h2: clamp(1.9rem, 2.7vw, 2.4rem);
  --type-h3: clamp(1.55rem, 2vw, 2rem);
  --type-card-title: clamp(1.45rem, 1.8vw, 1.85rem);
  --type-lead: clamp(1.25rem, 1.7vw, 1.65rem);
  --type-body: 1.0625rem; /* 17 px */
  --type-small: .875rem;
  --type-label: .8125rem; /* 13 px */

  /* Rythme typographique */
  --leading-display: 1.02;
  --leading-heading: 1.08;
  --leading-body: 1.65;
  --tracking-heading: 0;
  --tracking-label: .2em;

  /* Palette issue de la charte actuelle */
  --color-ivory: #f7f3ee;
  --color-paper: #fcfaf6;
  --color-ink: #171717;
  --color-muted: #615e59;
  --color-line: rgba(23, 23, 23, .2);
  --color-wine: #920c2e;
  --color-wine-dark: #6f0b25;
  --color-blue: #849bd0;
  --color-green: #173d34;
  --color-footer: #2e2e2c;

  /* Grille et espacements globaux */
  --container: 1180px;
  --page-gutter: clamp(1.25rem, 3vw, 3rem);
  --section-space: clamp(3.25rem, 4.5vw, 4.75rem);
  --section-space-compact: clamp(2rem, 3vw, 3rem);
  --content-gap: clamp(1.5rem, 3vw, 3rem);
  --grid-gap: clamp(1.15rem, 2vw, 1.75rem);
  --copy-measure: 68ch;
  --card-image-ratio: 4 / 3;
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
}