/* ============================================================
   Regably — Typography
   One-font system: Inter for everything. Inter Tight (same
   family) tightens large display. JetBrains Mono for codes.
   Saira Condensed = utility face for physical badges only.
   Type scale tuned for dense admin tables + 13–15px forms.
   ============================================================ */

:root {
  /* --- Families --- */
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Inter Tight', 'Inter', system-ui, sans-serif; /* marketing headlines only */
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  --font-badge:   'Saira Condensed', 'Inter', sans-serif; /* name badges / rosters */

  /* --- Weights --- */
  --weight-regular:  400;
  --weight-medium:   500; /* default for UI labels + buttons */
  --weight-semibold: 600; /* headings, emphasis */
  --weight-bold:     700; /* display, hero */

  /* --- Type scale (px / rem / line-height) ---
     display-*  → marketing headlines (Inter Tight, -0.02em tracking)
     heading-*  → product/section headings
     body / sm / caption → UI + data + microcopy
  */
  --text-display-2xl: 4.5rem;  /* 72px / lh 1.05  — hero */
  --text-display-xl:  3.5rem;  /* 56px / lh 1.08  — section hero */
  --text-display-lg:  2.75rem; /* 44px / lh 1.1   — big stat / page hero */

  --text-heading-xl:  2rem;    /* 32px / lh 1.2   — page title */
  --text-heading-lg:  1.5rem;  /* 24px / lh 1.3   — card/section title */
  --text-heading-md:  1.25rem; /* 20px / lh 1.35  — subsection */
  --text-heading-sm:  1.0625rem;/*17px / lh 1.4   — dense panel title */

  --text-body-lg:  1.0625rem;  /* 17px / lh 1.6   — marketing body, long-form */
  --text-body:     0.9375rem;  /* 15px / lh 1.55  — default UI + form fields */
  --text-body-sm:  0.875rem;   /* 14px / lh 1.5   — table cells, dense UI */
  --text-caption:  0.8125rem;  /* 13px / lh 1.45  — labels, helper, meta */
  --text-overline: 0.75rem;    /* 12px / lh 1.4   — uppercase eyebrow, 0.06em */

  /* --- Line heights (named) --- */
  --leading-tight:   1.1;
  --leading-snug:    1.3;
  --leading-normal:  1.5;
  --leading-relaxed: 1.6;

  /* --- Tracking --- */
  --tracking-display: -0.02em; /* tighten big Inter Tight */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.06em;  /* overline / eyebrow */
}