/* TissArt — design system. Direction : « Cabinet de curiosités ».
   Le cabinet d'un collectionneur victorien : gravures, spécimens épinglés,
   sépia chaud, un seul or vieilli en filet de plume.
   Tout le reste du site n'utilise QUE ces tokens. */

/* ─── voix typographique : editorial (Fraunces + Inter) ─── */
@font-face {
  font-family: "Fraunces";
  src: url("assets/fonts/fraunces-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("assets/fonts/fraunces-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ─── palette — paires (--x / --on-x) ───
     1 marque (or vieilli) + neutres sépia. Aucun accent supplémentaire. */
  --surface:        hsl(30 14% 6%);      /* charbon sépia chaud, quasi noir */
  --on-surface:     hsl(38 28% 88%);     /* ivoire-os */
  --surface-alt:    hsl(28 13% 10%);     /* bande soulevée */
  --on-surface-alt: hsl(38 28% 88%);
  --brand:          hsl(41 42% 58%);     /* or vieilli — filets, numéros, CTA */
  --on-brand:       hsl(30 16% 7%);
  --muted:          hsl(36 12% 62%);     /* utilisé SUR --surface (AA ≈ 6,7:1) */

  /* filets & voiles — tenus ici pour rester littéraux */
  --border:        hsl(41 24% 26%);      /* filet hairline gravé */
  --border-strong: hsl(41 30% 38%);
  --surface-veil:  hsl(30 14% 6% / 0.82); /* nav condensée */
  --hatch:         hsl(41 30% 60% / 0.035); /* trame de gravure, très faible */
  --vignette:      hsl(30 20% 3% / 0.85);

  /* ─── type — échelle fluide ─── */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", system-ui, sans-serif;
  --text-sm:   clamp(0.83rem, 0.8rem + 0.15vw, 0.94rem);
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.13rem);
  --text-lg:   clamp(1.25rem, 1.18rem + 0.35vw, 1.5rem);
  --text-xl:   clamp(1.56rem, 1.44rem + 0.6vw, 2rem);
  --text-2xl:  clamp(1.95rem, 1.75rem + 1vw, 2.66rem);
  --text-hero: clamp(2.6rem, 1.9rem + 3.1vw, 4.75rem);
  --leading-body: 1.55;
  --leading-tight: 1.06;
  --tracking-caps: 0.18em;   /* petites capitales des légendes */

  /* ─── espacement — échelle 8pt ─── */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --space-16: 8rem;

  /* ─── forme & profondeur ───
     Le cabinet ne s'arrondit pas : les cadres sont taillés d'équerre. */
  --radius-sm: 0px;
  --radius:    0px;
  --radius-lg: 0px;
  --plate-gap: 7px;          /* espace entre les deux filets d'une planche */
  --shadow-sm: 0 1px 2px hsl(30 30% 2% / 0.5), 0 2px 10px hsl(30 30% 2% / 0.4);
  --shadow:    0 2px 8px hsl(30 30% 2% / 0.55), 0 18px 44px hsl(30 30% 2% / 0.5);

  /* ─── motion — « à la chandelle » ─── */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --speed: 380ms;
  --speed-slow: 1000ms;
}