/* Tagly type — Inter (open-source substitute for the custom Cereal-style
   variable font described in the concept). See fonts.css + readme SUBSTITUTION note.
   Display weights stay MODEST (500–700). The system trusts layout + the accent
   moment for hierarchy, not typographic muscle. The one loud moment is the
   result-count display (64px/700). */
:root{
  --font-sans:'Inter','-apple-system','system-ui','Segoe UI','Roboto','Helvetica Neue',sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular','Menlo',monospace; /* hashtag/keyword strings */

  /* size · weight · line-height · tracking — as design tokens */
  --type-count-display-size:64px;   --type-count-display-weight:700; --type-count-display-lh:1.1;  --type-count-display-ls:-1px;
  --type-display-xl-size:28px;      --type-display-xl-weight:700;    --type-display-xl-lh:1.15;    --type-display-xl-ls:0;
  --type-display-lg-size:22px;      --type-display-lg-weight:600;    --type-display-lg-lh:1.18;    --type-display-lg-ls:-0.44px;
  --type-display-md-size:21px;      --type-display-md-weight:700;    --type-display-md-lh:1.3;     --type-display-md-ls:0;
  --type-display-sm-size:20px;      --type-display-sm-weight:600;    --type-display-sm-lh:1.2;     --type-display-sm-ls:-0.18px;
  --type-title-md-size:16px;        --type-title-md-weight:600;      --type-title-md-lh:1.25;      --type-title-md-ls:0;
  --type-title-sm-size:16px;        --type-title-sm-weight:500;      --type-title-sm-lh:1.25;      --type-title-sm-ls:0;
  --type-body-md-size:16px;         --type-body-md-weight:400;       --type-body-md-lh:1.5;        --type-body-md-ls:0;
  --type-body-sm-size:14px;         --type-body-sm-weight:400;       --type-body-sm-lh:1.43;       --type-body-sm-ls:0;
  --type-caption-size:14px;         --type-caption-weight:500;       --type-caption-lh:1.29;       --type-caption-ls:0;
  --type-caption-sm-size:13px;      --type-caption-sm-weight:400;    --type-caption-sm-lh:1.23;    --type-caption-sm-ls:0;
  --type-badge-size:11px;           --type-badge-weight:600;         --type-badge-lh:1.18;         --type-badge-ls:0;
  --type-micro-size:12px;           --type-micro-weight:700;         --type-micro-lh:1.33;         --type-micro-ls:0;
  --type-uppercase-tag-size:8px;    --type-uppercase-tag-weight:700; --type-uppercase-tag-lh:1.25; --type-uppercase-tag-ls:0.32px;
  --type-button-md-size:16px;       --type-button-md-weight:500;     --type-button-md-lh:1.25;     --type-button-md-ls:0;
  --type-button-sm-size:14px;       --type-button-sm-weight:500;     --type-button-sm-lh:1.29;     --type-button-sm-ls:0;
  --type-link-size:14px;            --type-link-weight:400;          --type-link-lh:1.43;          --type-link-ls:0;
  --type-nav-link-size:16px;        --type-nav-link-weight:600;      --type-nav-link-lh:1.25;      --type-nav-link-ls:0;
}