/* Maisonnée — token di design.
   HEX canonici da docs/brand-maisonnee.md (non ricampionare i PNG).
   Le tinte *-2/-3 sono sfumature delle stesse tonalità, solo per superfici. */

@font-face {
  font-family: "Source Serif 4";
  /* file con solo l'asse «opsz» (dimensione ottica): peso fisso Regular.
     Mai grassetto sul serif (font-synthesis: none sotto): il contrasto alto a corpo grande è il segno. */
  src: url("../fonts/sourceserif4-opsz.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* fallback con metriche vicine, per non far saltare il layout al cambio font */
@font-face {
  font-family: "Inter Fallback";
  src: local("Arial");
  size-adjust: 107%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Source Serif Fallback";
  src: local("Georgia");
  size-adjust: 97%;
  ascent-override: 96%;
  descent-override: 26%;
  line-gap-override: 0%;
}

:root {
  color-scheme: light;

  /* palette canonica */
  --encre: #16232b;
  --papier: #f4f0e8;
  --terre: #c4703f;
  --ardoise: #6e8a99;
  --gris: #4a555c;

  /* tinte derivate */
  --papier-2: #ebe5d8;
  --papier-3: #e1d9c8;
  --encre-2: #1e2f39;
  --encre-3: #2b3f4b;
  --ligne: color-mix(in srgb, var(--encre) 14%, transparent);
  --ligne-forte: color-mix(in srgb, var(--encre) 30%, transparent);
  --ligne-inverse: color-mix(in srgb, var(--papier) 22%, transparent);
  --erreur: #9c3b22; /* terre cuite scurita': ≥ 6:1 su Papier, solo per messaggi d'errore */

  /* tipografia */
  --serif: "Source Serif 4", "Source Serif Fallback", Georgia, "Times New Roman", serif;
  --sans: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --fs-xs: clamp(0.75rem, 0.73rem + 0.1vw, 0.8125rem);
  --fs-s: clamp(0.875rem, 0.85rem + 0.12vw, 0.9375rem);
  --fs-m: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --fs-l: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --fs-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
  --fs-2xl: clamp(2rem, 1.4rem + 2.8vw, 3.5rem);
  --fs-3xl: clamp(2.5rem, 1.5rem + 4.6vw, 5rem);
  --fs-hero-num: clamp(6rem, 3rem + 22vw, 15rem); /* il «5,35 %» */

  /* forma e movimento */
  --r-s: 10px;
  --r-m: 16px;
  --r-l: 28px;
  --r-pill: 999px;
  --ease-out: cubic-bezier(0.16, 0.84, 0.24, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --t-fast: 160ms;
  --t-med: 420ms;
  --t-slow: 900ms;

  /* layout */
  --gutter: clamp(20px, 5vw, 56px);
  --maxw: 1180px;
  --header-h: 68px;
  --ombre: 0 1px 0 color-mix(in srgb, var(--encre) 6%, transparent),
    0 12px 32px -12px color-mix(in srgb, var(--encre) 28%, transparent);
}