/* daysence — type scale
   Rule of thumb: 18px and above → serif display; below 18px → Outfit sans. */
:root {
  --text-display-a: 4rem;      /* 64px — hero, quiet & elegant */
  --text-display-b: 4.5rem;    /* 72px — hero, more presence */
  --text-h1: 3rem;             /* 48px — page headings, chapters */
  --text-h2: 2rem;             /* 32px — sections, product groups */
  --text-h3: 1.375rem;         /* 22px — product headlines, cards */
  --text-h4: 1.125rem;         /* 18px — subheadlines (Outfit 500) */
  --text-body: 1rem;           /* 16px */
  --text-body-sm: 0.9375rem;   /* 15px */
  --text-caption: 0.8125rem;   /* 13px — labels, tags, meta */

  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;

  --leading-display: 1.05;
  --leading-heading: 1.2;
  --leading-body: 1.6;
  --leading-caption: 1.5;

  --tracking-tight: -0.01em;
  --tracking-normal: 0em;
  --tracking-wide: 0.02em;   /* buttons */
  --tracking-wider: 0.05em;  /* subheadlines */
  --tracking-widest: 0.08em; /* eyebrows, tags, labels */
}