/* Kana Studio — Typography.
   One family: Helvetica Now Display. The voice is set through weight, case
   and tracking — heavy weights + uppercase + tight tracking for headlines,
   light/regular + roomy leading for body. There is no condensed cut in the
   supplied kit; the "condensed" editorial feel is achieved with Black weight
   and negative letter-spacing rather than a narrow face. */

:root {
  --font-display: 'Helvetica Now Display', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body:    'Helvetica Now Display', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* Weights */
  --fw-thin: 100;        /* @kind font */
  --fw-light: 300;       /* @kind font */
  --fw-regular: 400;     /* @kind font */
  --fw-medium: 500;      /* @kind font */
  --fw-bold: 700;        /* @kind font */
  --fw-extrabold: 800;   /* @kind font */
  --fw-black: 900;       /* @kind font */

  /* Type scale (px). Display sizes for editorial headlines. */
  --fs-hero:    clamp(56px, 9vw, 148px);  /* @kind font */
  --fs-display: clamp(40px, 6vw, 92px);   /* @kind font */
  --fs-h1:      clamp(34px, 4.4vw, 60px); /* @kind font */
  --fs-h2:      clamp(27px, 3vw, 40px);   /* @kind font */
  --fs-h3:      22px;   /* @kind font */
  --fs-lead:    20px;   /* @kind font */
  --fs-body:    16px;   /* @kind font */
  --fs-small:   14px;   /* @kind font */
  --fs-label:   12px;   /* @kind font */
  --fs-micro:   11px;   /* @kind font */

  /* Line heights */
  --lh-tight: 0.92;   /* @kind font */
  --lh-snug:  1.05;   /* @kind font */
  --lh-head:  1.12;   /* @kind font */
  --lh-body:  1.55;   /* @kind font */
  --lh-loose: 1.7;    /* @kind font */

  /* Letter-spacing */
  --ls-hero:   -0.044em;   /* @kind font */
  --ls-head:   -0.044em;   /* @kind font */
  --ls-tight:  -0.01em;   /* @kind font */
  --ls-normal: 0;         /* @kind font */
  --ls-label:  0.18em;    /* @kind font */
  --ls-wide:   0.28em;    /* @kind font */
}