/* Talhão · typography tokens
   Three families with fixed roles:
   Urbanist  — display / headings (negative tracking)
   Epilogue  — body copy + UI controls
   JetBrains Mono — eyebrows, data readouts, pills, legends (UPPERCASE, tracked) */
:root{
  /* families */
  --font-display: 'Urbanist', system-ui, sans-serif;
  --font-sans: 'Epilogue', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* weights */
  --fw-body: 400;       /* @kind font */
  --fw-medium: 500;     /* @kind font */
  --fw-semibold: 600;   /* @kind font */
  --fw-bold: 700;       /* @kind font */

  /* display sizes (fluid, clamp) */
  --fs-hero: clamp(42px, 5vw, 64px);      /* @kind font */
  --fs-h2: clamp(26px, 2.6vw, 34px);      /* @kind font */
  --fs-h3: 21px;                          /* card title @kind font */
  --fs-price: 38px;                       /* price figure @kind font */

  /* body / UI sizes */
  --fs-lead: 15px;      /* @kind font */
  --fs-body: 14.5px;    /* @kind font */
  --fs-ui: 13.5px;      /* @kind font */
  --fs-ui-sm: 12.5px;   /* @kind font */
  --fs-caption: 12px;   /* @kind font */

  /* mono label sizes */
  --fs-mono-lg: 12px;   /* @kind font */
  --fs-mono: 11px;      /* @kind font */
  --fs-mono-sm: 10px;   /* @kind font */
  --fs-mono-xs: 9.5px;  /* @kind font */

  /* line-heights */
  --lh-tight: 1.02;     /* @kind font */
  --lh-heading: 1.1;    /* @kind font */
  --lh-body: 1.68;      /* @kind font */
  --lh-ui: 1.55;        /* @kind font */

  /* letter-spacing */
  --ls-display: -0.025em;   /* Urbanist headings @kind font */
  --ls-price: -0.02em;      /* @kind font */
  --ls-mono: 0.12em;        /* mono eyebrows @kind font */
  --ls-mono-wide: 0.14em;   /* @kind font */
}