/* Typography tokens — three-family stack, strict lanes:
   display = Bricolage Grotesque, body/UI = Geist, code = JetBrains Mono. */

:root {
  --font-display: "Bricolage Grotesque", "Migra", Georgia, serif;
  --font-body: "Geist", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* Display — Bricolage Grotesque, weight 600-700, tight line-height */
  --text-display-xxl-size: 128px;
  --text-display-xxl-weight: 700;
  --text-display-xxl-leading: 1.0;
  --text-display-xxl-tracking: -3px;

  --text-display-xl-size: 72px;
  --text-display-xl-weight: 700;
  --text-display-xl-leading: 1.0;
  --text-display-xl-tracking: -1.8px;

  --text-display-lg-size: 48px;
  --text-display-lg-weight: 700;
  --text-display-lg-leading: 1.0;
  --text-display-lg-tracking: -1px;

  --text-display-md-size: 30px;
  --text-display-md-weight: 600;
  --text-display-md-leading: 1.2;
  --text-display-md-tracking: -0.5px;

  /* Headings — Geist, weight 600 */
  --text-heading-lg-size: 38.4px;
  --text-heading-lg-weight: 600;
  --text-heading-lg-leading: 0.83;
  --text-heading-lg-tracking: -0.5px;

  --text-heading-md-size: 24px;
  --text-heading-md-weight: 600;
  --text-heading-md-leading: 1.33;
  --text-heading-md-tracking: -0.35px;

  --text-heading-sm-size: 20px;
  --text-heading-sm-weight: 600;
  --text-heading-sm-leading: 1.4;
  --text-heading-sm-tracking: -0.3px;

  --text-subtitle-size: 18px;
  --text-subtitle-weight: 600;
  --text-subtitle-leading: 1.56;
  --text-subtitle-tracking: 0px;

  /* Body — Geist, weight 400 always */
  --text-body-lg-size: 18px;
  --text-body-lg-weight: 400;
  --text-body-lg-leading: 1.56;

  --text-body-md-size: 16px;
  --text-body-md-weight: 400;
  --text-body-md-leading: 1.5;

  --text-body-sm-size: 14px;
  --text-body-sm-weight: 400;
  --text-body-sm-leading: 1.43;

  --text-button-md-size: 16px;
  --text-button-md-weight: 600;
  --text-button-md-leading: 1.0;

  --text-button-sm-size: 14px;
  --text-button-sm-weight: 600;
  --text-button-sm-leading: 1.0;

  --text-caption-size: 12px;
  --text-caption-weight: 400;
  --text-caption-leading: 1.33;

  --text-caption-tight-size: 14px;
  --text-caption-tight-weight: 600;
  --text-caption-tight-leading: 1.43;
  --text-caption-tight-tracking: -0.35px;

  /* Code — JetBrains Mono, weight 400 */
  --text-code-md-size: 14px;
  --text-code-md-weight: 400;
  --text-code-md-leading: 1.43;

  --text-code-sm-size: 11px;
  --text-code-sm-weight: 400;
  --text-code-sm-leading: 1.5;
}