/* ===========================================================================
   Composio — Typography tokens
   One sans family (abcDiatype, Inter substitute) carries every role except
   code, which switches to JetBrains Mono. Display weight stays at 500.
   =========================================================================== */

:root {
  /* --- Families ---------------------------------------------------------- */
  --font-sans: 'abcDiatype', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* --- Weights ----------------------------------------------------------- */
  --weight-regular: 400;
  --weight-medium: 500;   /* display + buttons + nav */
  --weight-semibold: 600; /* titles + uppercase labels */

  /* --- Role: size / line-height / tracking ------------------------------- */
  --type-display-mega-size: 72px;  --type-display-mega-lh: 1.05; --type-display-mega-ls: -2.16px;
  --type-display-xl-size: 56px;    --type-display-xl-lh: 1.05;  --type-display-xl-ls: -1.68px;
  --type-display-lg-size: 44px;    --type-display-lg-lh: 1.1;   --type-display-lg-ls: -1.32px;
  --type-display-md-size: 32px;    --type-display-md-lh: 1.15;  --type-display-md-ls: -0.96px;
  --type-display-sm-size: 24px;    --type-display-sm-lh: 1.25;  --type-display-sm-ls: -0.5px;

  --type-title-md-size: 18px;      --type-title-md-lh: 1.4;     --type-title-md-ls: 0;
  --type-title-sm-size: 16px;      --type-title-sm-lh: 1.4;     --type-title-sm-ls: 0;

  --type-body-md-size: 16px;       --type-body-md-lh: 1.5;      --type-body-md-ls: 0;
  --type-body-sm-size: 14px;       --type-body-sm-lh: 1.5;      --type-body-sm-ls: 0;

  --type-caption-size: 13px;       --type-caption-lh: 1.4;      --type-caption-ls: 0;
  --type-caption-upper-size: 11px; --type-caption-upper-lh: 1.4; --type-caption-upper-ls: 0.88px;

  --type-code-size: 13px;          --type-code-lh: 1.5;         --type-code-ls: 0;
  --type-button-size: 14px;        --type-button-lh: 1.0;       --type-button-ls: 0;
  --type-nav-size: 14px;           --type-nav-lh: 1.4;          --type-nav-ls: 0;
}