/* ============================================================
   MEKORA — Typography tokens  (industrial redesign)
   Display: contemporary engineered grotesque (Bricolage Grotesque), sculptural + heavy.
   Body/UI: Inter Tight (neutral, tight, high legibility at density).
   Data/labels/eyebrows: Space Mono — technical, Grotesk sibling voice.
   No italics as decoration; hierarchy comes from weight + tracking + case.
   ============================================================ */
:root {
  /* Families */
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-display-condensed: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Inter Tight", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:    700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */
  --fw-black:   900; /* @kind font */

  /* Display scale (uppercase, tight, machined) */
  --text-display-1: 800 clamp(2.75rem, 5.6vw, 5rem)/0.94 var(--font-display);
  --text-display-2: 800 clamp(2rem, 4vw, 3.5rem)/0.98 var(--font-display);
  --text-h1: 800 clamp(1.75rem, 3vw, 2.75rem)/1.04 var(--font-display);
  --text-h2: 700 clamp(1.375rem, 2.1vw, 2rem)/1.08 var(--font-display);
  --text-h3: 700 1.375rem/1.16 var(--font-display);
  --text-h4: 700 1.125rem/1.22 var(--font-display);

  /* Body scale */
  --text-lead: var(--fw-regular) 1.1875rem/1.6 var(--font-body);
  --text-body-lg: var(--fw-regular) 1.0625rem/1.62 var(--font-body);
  --text-body-md: var(--fw-regular) 1rem/1.62 var(--font-body);
  --text-body-sm: var(--fw-regular) 0.875rem/1.55 var(--font-body);
  --text-caption: var(--fw-medium) 0.75rem/1.4 var(--font-body);

  /* Data / eyebrow / overline — monospace, tracked, uppercase */
  --text-eyebrow: var(--fw-medium) 0.75rem/1.3 var(--font-mono);
  --text-mono-sm: var(--fw-medium) 0.8125rem/1.5 var(--font-mono);
  --text-mono-xs: var(--fw-medium) 0.6875rem/1.4 var(--font-mono);

  /* Letter-spacing */
  --tracking-display: -0.02em; /* @kind font */
  --tracking-tight: -0.03em; /* @kind font */
  --tracking-normal: 0; /* @kind font */
  --tracking-wide: 0.04em; /* @kind font */
  --tracking-eyebrow: 0.16em; /* @kind font */
}