/* ===========================================================================
   Nó Ateliê — Typography tokens
   Instrument Serif (serif) for expression; Hanken Grotesk (sans) for utility.
   =========================================================================== */

:root {
  /* Families */
  --font-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-sans:  'Hanken Grotesk', system-ui, -apple-system, sans-serif;

  /* Weights */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* Type scale — fluid-friendly fixed steps (px) */
  --text-display:  4.5rem;   /* 72 — hero */
  --text-h1:       3.25rem;  /* 52 */
  --text-h2:       2.375rem; /* 38 */
  --text-h3:       1.75rem;  /* 28 */
  --text-h4:       1.3125rem;/* 21 */
  --text-lg:       1.1875rem;/* 19 */
  --text-base:     1rem;     /* 16 */
  --text-sm:       0.875rem; /* 14 */
  --text-xs:       0.75rem;  /* 12 — eyebrow / label */

  /* Line heights */
  --leading-tight:  1.1;
  --leading-snug:   1.2;
  --leading-normal: 1.55;
  --leading-relaxed:1.72;

  /* Letter spacing */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-label:  0.18em;  /* uppercase eyebrows */

  /* Semantic roles */
  --font-display-role: var(--weight-regular) var(--text-display)/var(--leading-tight) var(--font-serif);
  --font-heading-role: var(--weight-regular)  var(--text-h2)/var(--leading-snug) var(--font-serif);
  --font-body-role:    var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);
  --font-label-role:   var(--weight-semibold) var(--text-xs)/1.2 var(--font-sans);
}