/* Atelier Cherubin — Typography
   Two voices: a Didone display (Bodoni Moda) for editorial presence,
   a geometric sans (Jost) for everything functional. Generous tracking on
   uppercase labels is a brand signature. */
:root {
  --font-display: 'Bodoni Moda', 'Times New Roman', serif;
  --font-sans:    'Jost', 'Helvetica Neue', Arial, sans-serif;

  /* Weights */
  --fw-light:   300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semi:    600; /* @kind font */

  /* Display scale (Bodoni Moda) — fluid, editorial */
  --type-hero:    clamp(3.5rem, 9vw, 8.5rem);   /* manifesto headline */
  --type-display: clamp(2.75rem, 6vw, 5rem);    /* section opener */
  --type-title:   clamp(2rem, 3.4vw, 3rem);     /* sub-section */
  --type-heading: clamp(1.5rem, 2.2vw, 2rem);   /* card / block heading */

  /* Body & UI scale (Jost) */
  --type-lead:  1.375rem;   /* 22 — intro paragraph */
  --type-body:  1.0625rem;  /* 17 — base reading */
  --type-sm:    0.9375rem;  /* 15 */
  --type-xs:    0.8125rem;  /* 13 */

  /* Label / eyebrow (uppercase, tracked) */
  --type-label:    0.75rem;   /* 12 */
  --type-label-sm: 0.6875rem; /* 11 */

  /* Line heights */
  --lh-tight:   1.04;  /* @kind font */
  --lh-snug:    1.18;  /* @kind font */
  --lh-normal:  1.5;   /* @kind font */
  --lh-relaxed: 1.72;  /* @kind font */

  /* Letter spacing */
  --ls-hero:   -0.02em; /* @kind font */
  --ls-tight:  -0.01em; /* @kind font */
  --ls-normal: 0;       /* @kind font */
  --ls-wide:   0.08em;  /* @kind font */
  --ls-label:  0.22em;  /* @kind font */
  --ls-mega:   0.34em;  /* @kind font */

  /* Semantic roles (font shorthands) */
  --text-hero:   var(--fw-regular) var(--type-hero)/var(--lh-tight)    var(--font-display); /* @kind font */
  --text-display:var(--fw-regular) var(--type-display)/var(--lh-tight) var(--font-display); /* @kind font */
  --text-title:  var(--fw-regular) var(--type-title)/var(--lh-snug)    var(--font-display); /* @kind font */
  --text-lead:   var(--fw-light)   var(--type-lead)/var(--lh-relaxed)  var(--font-sans); /* @kind font */
  --text-body:   var(--fw-regular) var(--type-body)/var(--lh-normal)   var(--font-sans); /* @kind font */
}