/* AgentFlow — Typography tokens
   CursorGothic substitute (AgentSans/Inter) for display + body.
   Display weight stays at 400 — magazine voice, never bold.
   Negative letter-spacing on display only. JetBrains Mono on code. */
:root {
  --font-sans: "AgentSans", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Display — weight 400, negative tracking */
  --display-mega-size: 72px;
  --display-mega-weight: 400;
  --display-mega-lh: 1.1;       /* @kind font */
  --display-mega-ls: -2.16px;   /* @kind font */
  --display-lg-size: 36px;
  --display-lg-weight: 400;
  --display-lg-lh: 1.2;         /* @kind font */
  --display-lg-ls: -0.72px;     /* @kind font */
  --display-md-size: 26px;
  --display-md-weight: 400;
  --display-md-lh: 1.25;        /* @kind font */
  --display-md-ls: -0.325px;    /* @kind font */
  --display-sm-size: 22px;
  --display-sm-weight: 400;
  --display-sm-lh: 1.3;         /* @kind font */
  --display-sm-ls: -0.11px;     /* @kind font */

  /* Titles — 600 */
  --title-md-size: 18px;
  --title-md-weight: 600;
  --title-md-lh: 1.4;           /* @kind font */
  --title-sm-size: 16px;
  --title-sm-weight: 600;
  --title-sm-lh: 1.4;           /* @kind font */

  /* Body */
  --body-md-size: 16px;
  --body-md-weight: 400;
  --body-md-lh: 1.5;            /* @kind font */
  --body-md-ls: 0;             /* @kind font */
  --body-tracked-size: 16px;
  --body-tracked-ls: 0.08px;    /* @kind font */
  --body-sm-size: 14px;
  --body-sm-weight: 400;
  --body-sm-lh: 1.5;            /* @kind font */
  --caption-size: 13px;
  --caption-weight: 400;
  --caption-lh: 1.4;            /* @kind font */
  --caption-uc-size: 11px;
  --caption-uc-weight: 600;
  --caption-uc-lh: 1.4;         /* @kind font */
  --caption-uc-ls: 0.88px;      /* @kind font */

  /* Code — JetBrains Mono */
  --code-size: 13px;
  --code-weight: 400;
  --code-lh: 1.5;               /* @kind font */

  /* Interactive */
  --button-size: 14px;
  --button-weight: 500;
  --button-lh: 1;               /* @kind font */
  --nav-link-size: 14px;
  --nav-link-weight: 500;
  --nav-link-lh: 1.4;           /* @kind font */
}