/* Typografie — ACTUELE bron (31-08-2026).
   Display: Cormorant Garamond 300–700, romein en cursief (koppen nooit bold, accentwoord cursief).
   Body en UI: Libre Franklin 300–600, ook voor caps-labels.
   Data, SKU en brandklassen: IBM Plex Mono.
   Inter en Instrument Serif zijn afgevoerd (eerdere rondes). */
/* Alle @font-face-regels staan in tokens/fonts.css (zelf-gehost, geen CDN). */
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/IBMPlexMono-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/IBMPlexMono-500.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/IBMPlexMono-600.woff2') format('woff2'); }

:root {
  --font-maison: 'Cormorant Garamond', Georgia, serif;   /* display */
  --font-sans: 'Libre Franklin', 'Inter', system-ui, sans-serif;           /* body en UI */
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace; /* data, SKU */

  /* Schaal, zoals in de prototypes */
  --text-hero: clamp(42px, 4.8vw, 78px);   /* Cormorant 300, lh 1.14, eerste regel cursief */
  --text-quote: clamp(26px, 2.6vw, 38px);  /* cursief, gecentreerd */
  --text-section: clamp(30px, 2.8vw, 46px);/* sectiekop in goud */
  --text-h3: clamp(24px, 2vw, 30px);
  --text-lead: 16.5px;                     /* Inter 300/400, lh 1.7 */
  --text-body: 15px;                        /* lh 1.85 */
  --text-small: 13.5px;
  --text-caps: 10.5px;                      /* Inter 400, uppercase */
  --text-caps-small: 8.5px;

  /* Letterspatiëring van de caps-labels */
  --track-caps: 0.22em;
  --track-brand: 0.26em;                    /* woordmerk */
  --track-sub: 0.42em;                      /* subregel onder het woordmerk */
}