:root{
  /* ---- Font family ---- */
  --font-sans: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-display: var(--font-sans); /* thirdbase uses one family everywhere */

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

  /* ---- Type scale ----
     thirdbase pairs a large regular-weight heading with small bold subheadings.
     The deck source uses (at its own scale) 28px regular headings, 10px bold
     subheadings, 10px regular body. Scaled up into a working web ramp: */
  --text-display: 64px;   /* section-divider / hero titles */
  --text-h1: 44px;        /* slide titles */
  --text-h2: 32px;        /* headings */
  --text-h3: 24px;        /* sub-section headings */
  --text-lg: 20px;        /* lead paragraph */
  --text-base: 16px;      /* body copy */
  --text-sm: 14px;        /* secondary / captions */
  --text-xs: 12px;        /* labels / eyebrow */

  /* ---- Line heights ---- */
  --lh-tight: 1.05;   /* @kind other */
  --lh-heading: 1.15; /* @kind other */
  --lh-body: 1.55;    /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-display: -0.02em;  /* tighten large geometric type */
  --ls-heading: -0.01em;
  --ls-eyebrow: 0.08em;   /* wide tracking for small uppercase labels */
  --ls-body: 0; /* @kind other */
}