/* cutie+fi · typography tokens
   Family: Inter Tight. Case: sentence case always.
   Tracking: -0.045em on display (36px+), -0.02em on body, default on small UI. */

:root {
  --font-sans: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Weights */
  --fw-regular:  400;  /* @kind font */ /* body */
  --fw-medium:   500;  /* @kind font */ /* UI labels */
  --fw-semibold: 600;  /* @kind font */ /* buttons, emphasis */
  --fw-bold:     700;  /* @kind font */ /* bold body emphasis */
  --fw-display:  800;  /* @kind font */ /* display headlines, wordmark */

  /* Tracking */
  --track-display: -0.045em;  /* @kind font */ /* 36px+ */
  --track-heading: -0.035em;  /* @kind font */ /* section H2 */
  --track-tight:   -0.02em;   /* @kind font */ /* body, sub-display */
  --track-ui:      0;         /* @kind font */ /* small UI, default */
  --track-label:   1.5px;     /* @kind font */ /* uppercase eyebrow labels */

  /* Line heights */
  --lh-display: 1.02;  /* @kind font */
  --lh-heading: 1.08;  /* @kind font */
  --lh-snug:    1.2;   /* @kind font */
  --lh-body:    1.55;  /* @kind font */

  /* Type scale (fluid where it matters) */
  --fs-hero:    clamp(48px, 8vw, 108px);   /* @kind font */
  --fs-h2:      clamp(36px, 5.5vw, 64px);  /* @kind font */
  --fs-h3:      22px;
  --fs-lead:    clamp(18px, 2.2vw, 24px);  /* @kind font */
  --fs-body:    16px;
  --fs-sm:      15px;
  --fs-xs:      14px;
  --fs-eyebrow: 13px;
  --fs-caption: 12px;
}