/* ============================================================
   Parqueterie des Alpes — Typography tokens
   ------------------------------------------------------------
   Typeface: HK Grotesk (Regular 400 / Bold 700) — charter.
   Charter rules:
     • Titles (H1/H2): CAPITALES UNIQUEMENT (uppercase only),
       tight leading, STANDARD letter-spacing.
     • Eyebrows / labels / nav: uppercase, WIDE tracking
       (echoes the lettermark's spacing).
     • Body: standard case, standard tracking.
   ============================================================ */

:root {
  /* families */
  --font-sans: "HK Grotesk", "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-sans); /* same family, used uppercase */

  /* weights (only two exist in the identity) */
  --fw-regular: 400; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* ---- type scale (px, fluid-friendly) ---- */
  --text-2xs: 0.6875rem;  /* 11 — micro labels */
  --text-xs:  0.75rem;    /* 12 — eyebrows, captions */
  --text-sm:  0.875rem;   /* 14 — meta, fine print */
  --text-base:1rem;       /* 16 — body */
  --text-md:  1.125rem;   /* 18 — lead body */
  --text-lg:  1.375rem;   /* 22 — large lead */
  --text-xl:  1.75rem;    /* 28 — H4 */
  --text-2xl: 2.25rem;    /* 36 — H3 */
  --text-3xl: 3rem;       /* 48 — H2 */
  --text-4xl: 4rem;       /* 64 — H1 */
  --text-5xl: 5.5rem;     /* 88 — display */
  --text-6xl: 7.5rem;     /* 120 — hero display */

  /* line-heights */
  --leading-none: 1;
  --leading-tight: 1.1;    /* uppercase titles — clears HK Grotesk's tall accented caps (É À Ê) on multi-line */
  --leading-snug: 1.2;
  --leading-normal: 1.5;   /* body */
  --leading-relaxed: 1.65;

  /* letter-spacing */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-title: 0.01em;   /* big uppercase titles */
  --tracking-wide: 0.12em;    /* eyebrows / nav */
  --tracking-wider: 0.2em;    /* lettermark-style labels */
  --tracking-widest: 0.32em;  /* spaced micro-labels */

  /* ---- semantic type aliases ---- */
  --type-hero:   var(--fw-bold) var(--text-6xl)/var(--leading-tight) var(--font-display);
  --type-h1:     var(--fw-bold) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --type-h2:     var(--fw-bold) var(--text-3xl)/var(--leading-tight) var(--font-display);
  --type-h3:     var(--fw-bold) var(--text-2xl)/var(--leading-snug) var(--font-display);
  --type-h4:     var(--fw-bold) var(--text-xl)/var(--leading-snug) var(--font-display);
  --type-lead:   var(--fw-regular) var(--text-md)/var(--leading-relaxed) var(--font-sans);
  --type-body:   var(--fw-regular) var(--text-base)/var(--leading-normal) var(--font-sans);
  --type-small:  var(--fw-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);
  --type-caption:var(--fw-regular) var(--text-xs)/var(--leading-normal) var(--font-sans);
}