/* AI Lab — Typography
   Display & branding: Open Sauce One (rounded sans-serif)
   Body, UI & data:    Plus Jakarta Sans (neo-grotesque sans) */

:root {
  /* Families */
  --font-display: 'Open Sauce One', 'Trebuchet MS', Arial, sans-serif;
  --font-body:    'Plus Jakarta Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  --font-mono:    'Plus Jakarta Sans', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* Type scale (px) — display sizes use Open Sauce, the rest Plus Jakarta */
  --fs-display:   64px;   /* H1 · DISPLAY  — hero / title */
  --fs-h1:        48px;
  --fs-h2:        34px;   /* H2 · HEADING */
  --fs-h3:        24px;   /* H3 · SUBHEAD */
  --fs-body-lg:   18px;
  --fs-body:      16px;   /* BODY */
  --fs-body-sm:   14px;
  --fs-caption:   13px;   /* CAPTION */
  --fs-overline:  12px;

  /* Line heights */
  --lh-tight:     1.05; /* @kind other */
  --lh-snug:      1.2; /* @kind other */
  --lh-normal:    1.5; /* @kind other */
  --lh-relaxed:   1.65; /* @kind other */

  /* Letter spacing */
  --ls-tight:     -0.02em; /* @kind other */
  --ls-normal:    0; /* @kind other */
  --ls-wide:      0.04em; /* @kind other */
  --ls-overline:  0.14em; /* @kind other */

  /* Semantic roles */
  --text-display-font:  var(--font-display);
  --text-heading-font:  var(--font-display);
  --text-body-font:     var(--font-body);
}