/* ============================================================
   ONE ELEVEN — TYPOGRAPHY TOKENS
   Brand typeface: BROTHER 1816 (TypeTogether), self-hosted.
   Note: no SemiBold weight exists — Medium covers 500–600.
   ============================================================ */

:root {
  /* Families */
  --font-brand: "Brother 1816", "Segoe UI", system-ui, sans-serif;
  --font-body:  "Brother 1816", "Segoe UI", system-ui, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Weights */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* Type scale (1.250 major-third, 16px base) */
  --fs-3xs: 0.694rem; /* 11px */
  --fs-2xs: 0.75rem;  /* 12px */
  --fs-xs:  0.833rem; /* 13px */
  --fs-sm:  0.9375rem;/* 15px */
  --fs-md:  1rem;     /* 16px — body */
  --fs-lg:  1.25rem;  /* 20px */
  --fs-xl:  1.5625rem;/* 25px */
  --fs-2xl: 1.953rem; /* 31px */
  --fs-3xl: 2.441rem; /* 39px */
  --fs-4xl: 3.052rem; /* 49px */
  --fs-5xl: 3.815rem; /* 61px */
  --fs-6xl: 4.768rem; /* 76px */

  /* Line heights */
  --lh-tight:   1.05; /* @kind font */
  --lh-snug:    1.18; /* @kind font */
  --lh-heading: 1.25; /* @kind font */
  --lh-body:    1.6; /* @kind font */
  --lh-relaxed: 1.75; /* @kind font */

  /* Letter spacing */
  --ls-tighter: -0.03em; /* @kind font */
  --ls-tight:   -0.015em; /* @kind font */
  --ls-normal:  0em; /* @kind font */
  --ls-wide:    0.04em; /* @kind font */
  --ls-wider:   0.12em; /* @kind font */

  /* Semantic type roles */
  --text-display:  var(--fw-bold) var(--fs-6xl)/var(--lh-tight) var(--font-brand);
  --text-h1:       var(--fw-bold) var(--fs-4xl)/var(--lh-snug) var(--font-brand);
  --text-h2:       var(--fw-semibold) var(--fs-3xl)/var(--lh-heading) var(--font-brand);
  --text-h3:       var(--fw-semibold) var(--fs-2xl)/var(--lh-heading) var(--font-brand);
  --text-h4:       var(--fw-semibold) var(--fs-xl)/var(--lh-heading) var(--font-brand);
  --text-lead:     var(--fw-regular) var(--fs-lg)/var(--lh-relaxed) var(--font-body);
  --text-base:     var(--fw-regular) var(--fs-md)/var(--lh-body) var(--font-body);
  --text-small:    var(--fw-regular) var(--fs-sm)/var(--lh-body) var(--font-body);
  --text-caption:  var(--fw-medium) var(--fs-xs)/var(--lh-body) var(--font-body);
}