/* Assignd typography. Gabarito for display & numbers, Plus Jakarta Sans for
   UI & body. Source: theme/typography.ts */
:root{
  --font-display:"Gabarito",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-ui:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* Weights actually used (loaded in the app as named faces) */
  --weight-display:800;         /* Gabarito ExtraBold — the default display weight */
  --weight-display-bold:700;
  --weight-display-medium:500;
  --weight-ui:400;
  --weight-ui-medium:500;
  --weight-ui-semibold:600;
  --weight-ui-bold:700;
  --weight-ui-extrabold:800;

  /* Tracking: -0.5px is about -0.02em at display sizes */
  --tracking-tight:-0.5px;
  --tracking-heading:-0.3px;

  /* --- Type scale --- */
  --size-hero:42px;        --line-hero:44px;
  --size-display:34px;     --line-display:38px;
  --size-title:26px;       --line-title:30px;
  --size-heading:21px;     --line-heading:26px;
  --size-subheading:17px;  --line-subheading:22px;
  --size-stat:40px;        --line-stat:40px;
  --size-body-lg:16px;     --line-body-lg:24px;
  --size-body:15px;        --line-body:22px;
  --size-body-sm:13px;     --line-body-sm:18px;
  --size-label:12px;       --line-label:16px;
  --size-caption:11px;     --line-caption:14px;

  /* Component type — literal values lifted from the component source */
  --size-button:17px;      --line-button:22px;
  --size-button-sm:14px;   --line-button-sm:18px;
  --size-chip:13.5px;      --line-chip:18px;
  --size-segment:13.5px;   --line-segment:18px;
  --size-tag:12px;         --line-tag:16px;
  --size-input:15px;
  --size-select-label:15.5px;
}
