/* Wireslate — Typography
   Display = Plus Jakarta Sans (600/700/800): headlines, node labels, prices, wordmark.
   Body/UI = Inter (400–800): paragraphs, buttons, captions, table cells.
   Emphasis = weight + color, never italics. */

:root {
  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace;

  /* Display tracking is tight */
  --tracking-display: -0.03em;
  --tracking-eyebrow: 0.16em;

  /* Type scale (fluid where the site is fluid) */
  --text-h1: clamp(44px, 6.4vw, 78px);     /* Hero — Jakarta 800, line-height .98 */
  --text-h2: clamp(34px, 4.4vw, 52px);     /* Section — Jakarta 800 */
  --text-h3: clamp(22px, 2.4vw, 42px);     /* Card / panel — Jakarta 800 */
  --text-subhead: clamp(17px, 1.6vw, 20px);/* Inter 600, ink-soft, ~46ch */
  --text-body: 16px;                        /* Inter 500, line-height 1.5 */
  --text-body-sm: 14.5px;
  --text-eyebrow: 11px;                     /* Inter 800, UPPERCASE, .16em */
  --text-button: 15px;                      /* Inter 800 */

  --leading-display: 1.0;
  --leading-hero: 0.98;
  --leading-body: 1.5;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-heavy: 800;
}