/* ==========================================================================
   Soy Almería — design tokens
   Système « Estratos de luz » : chaux, calcaire, terre, cobalt, graphite.
   Référence visuelle : docs/concepts/01-06.
   ========================================================================== */

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/playfair-display-latin.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/playfair-display-italic-latin.woff2') format('woff2');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}

/* L'italique de labeur reste sans axe de largeur : jamais utilisé condensé,
   et la version variable en largeur pèserait 60 Ko de plus. */
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-italic-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* --- Couleurs : strates ------------------------------------------------ */
  --chalk: #f6f2ea;          /* chaux lumineuse, fond principal            */
  --chalk-soft: #f1ece1;     /* chaux légèrement ombrée                    */
  --chalk-cool: #f4f3ee;     /* chaux froide (strate du parcours)          */
  --paper: #efe6d2;          /* papier chaud des strates historiques       */
  --paper-mid: #ece1c9;      /* papier intermédiaire (strate guitare)      */
  --paper-deep: #e9ddc4;     /* papier plus dense (bords, textures)        */
  --limestone: #d9c9a8;      /* calcaire blond                             */
  --hairline: #ded8ca;       /* filets neutres                             */

  --ink: #1c2733;            /* encre des titres                           */
  --ink-soft: #43505c;       /* texte courant                              */
  --ink-mute: #5d6974;       /* légendes, méta (AA sur chaux)              */

  --navy: #143a5c;           /* cobalt profond : boutons, strates sombres  */
  --navy-deep: #0f2e4a;      /* strate marine dense (fin de page, footer)  */
  --navy-ink: #0b2438;       /* footer, presque nuit                       */

  --terra: #ad4e28;          /* rouge terre : accents, dates, logo         */
  --terra-bright: #bc5a2e;   /* accents terracotta sur fonds clairs        */
  --terra-light: #d9713f;    /* terracotta lisible sur strates marines     */
  --copper: #bd8a52;         /* lignes topographiques, filets décoratifs   */
  --copper-soft: #cfa878;    /* décor sur fond sombre                      */
  --copper-ink: #8a6134;     /* cuivre textuel lisible (méta, légendes)    */
  --terra-deep: #9c4522;     /* terracotta de labeur (emphases dans le corps, AA sur papier) */

  --on-navy: #f3eddd;        /* texte sur strates sombres                  */
  --on-navy-mute: #c0cbd6;   /* texte secondaire sur strates sombres       */

  /* --- Typographie ------------------------------------------------------- */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Archivo', 'Segoe UI', sans-serif;

  --text-xs: 0.8125rem;                                   /* 13px */
  --text-sm: 0.9375rem;                                   /* 15px */
  --text-base: 1.0625rem;                                 /* 17px */
  --text-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.1875rem);
  --display-hero: clamp(2.9rem, 1.4rem + 6vw, 6.25rem);
  --display-xl: clamp(2.25rem, 1.35rem + 3.2vw, 3.75rem);
  --display-lg: clamp(1.9rem, 1.3rem + 2vw, 2.9rem);
  --display-md: clamp(1.45rem, 1.2rem + 0.9vw, 1.9rem);
  --display-sm: 1.35rem;

  /* --- Rythme ------------------------------------------------------------ */
  --shell: 82.5rem;          /* 1320px : largeur de composition            */
  --shell-pad: clamp(1.25rem, 4vw, 3.5rem);
  --section-y: clamp(4rem, 3rem + 5vw, 8rem);
  --gap: clamp(1.5rem, 1rem + 2vw, 3rem);

  /* --- Divers ------------------------------------------------------------ */
  --radius: 2px;
  --shadow-photo: 0 18px 45px -18px rgb(28 39 51 / 0.35);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --speed: 700ms;
}