/* TYPOGRAPHY SYSTEM — Intelligent AI Systems */
:root {
  /* Families */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-sans:    "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

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

  /* Type scale — fluid-friendly fixed rems. Display uses Space Grotesk. */
  --fs-display: 4.5rem;  /* 72 — hero */
  --fs-h1:      3rem;    /* 48 */
  --fs-h2:      2.25rem; /* 36 */
  --fs-h3:      1.5rem;  /* 24 */
  --fs-h4:      1.25rem; /* 20 */
  --fs-lg:      1.125rem;/* 18 — lead paragraph */
  --fs-body:    1rem;    /* 16 */
  --fs-sm:      0.875rem;/* 14 */
  --fs-xs:      0.75rem; /* 12 — eyebrow / mono labels */

  /* Line heights */
  --lh-tight:   1.05;  /* @kind font */
  --lh-heading: 1.18;  /* @kind font */
  --lh-snug:    1.35;  /* @kind font */
  --lh-body:    1.6;   /* @kind font */

  /* Letter spacing */
  --ls-display: -0.02em; /* @kind font */
  --ls-heading: -0.01em; /* @kind font */
  --ls-body:    0;       /* @kind font */
  --ls-eyebrow: 0.18em;  /* @kind font */

  /* Composed semantic roles */
  --type-display: var(--fw-bold) var(--fs-display)/var(--lh-tight) var(--font-display);
  --type-h1:      var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-display);
  --type-h2:      var(--fw-semibold) var(--fs-h2)/var(--lh-heading) var(--font-display);
  --type-h3:      var(--fw-semibold) var(--fs-h3)/var(--lh-snug) var(--font-display);
  --type-body:    var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
  --type-lead:    var(--fw-regular) var(--fs-lg)/var(--lh-body) var(--font-sans);
}