/* Tran Group typography tokens. Four-family suite.
   Non-dimensional ramp values (line-height, letter-spacing, weight) are tagged
   @kind font so the compiler files them under typography, not spacing. */
:root {
  /* Families */
  --tg-font-display: 'Instrument Serif', Georgia, serif;
  --tg-font-interface: 'Figtree', system-ui, sans-serif;
  --tg-font-title: 'Plus Jakarta Sans', 'Figtree', system-ui, sans-serif;
  --tg-font-mono: 'GT Pressura Mono', ui-monospace, monospace;

  /* Rating display */
  --tg-rating-size: 64px;   /* @kind font */
  --tg-rating-weight: 400;  /* @kind font */
  --tg-rating-lh: 1.1;      /* @kind font */
  --tg-rating-ls: -1px;     /* @kind font */

  /* Display XL */
  --tg-display-xl-size: 28px;  /* @kind font */
  --tg-display-xl-weight: 400; /* @kind font */
  --tg-display-xl-lh: 1.43;    /* @kind font */
  --tg-display-xl-ls: 0;       /* @kind font */

  /* Display LG */
  --tg-display-lg-size: 22px;    /* @kind font */
  --tg-display-lg-weight: 400;   /* @kind font */
  --tg-display-lg-lh: 1.18;      /* @kind font */
  --tg-display-lg-ls: -0.44px;   /* @kind font */

  /* Display MD */
  --tg-display-md-size: 21px;  /* @kind font */
  --tg-display-md-weight: 700; /* @kind font */
  --tg-display-md-lh: 1.43;    /* @kind font */
  --tg-display-md-ls: 0;       /* @kind font */

  /* Display SM */
  --tg-display-sm-size: 20px;    /* @kind font */
  --tg-display-sm-weight: 600;   /* @kind font */
  --tg-display-sm-lh: 1.2;       /* @kind font */
  --tg-display-sm-ls: -0.18px;   /* @kind font */

  /* Title MD / SM */
  --tg-title-md-size: 16px;  /* @kind font */
  --tg-title-md-weight: 600; /* @kind font */
  --tg-title-md-lh: 1.25;    /* @kind font */
  --tg-title-md-ls: 0;       /* @kind font */
  --tg-title-sm-size: 16px;  /* @kind font */
  --tg-title-sm-weight: 500; /* @kind font */
  --tg-title-sm-lh: 1.25;    /* @kind font */
  --tg-title-sm-ls: 0;       /* @kind font */

  /* Body MD / SM */
  --tg-body-md-size: 16px;   /* @kind font */
  --tg-body-md-weight: 400;  /* @kind font */
  --tg-body-md-lh: 1.5;      /* @kind font */
  --tg-body-md-ls: 0;        /* @kind font */
  --tg-body-sm-size: 14px;   /* @kind font */
  --tg-body-sm-weight: 400;  /* @kind font */
  --tg-body-sm-lh: 1.43;     /* @kind font */
  --tg-body-sm-ls: 0;        /* @kind font */

  /* Caption */
  --tg-caption-size: 14px;    /* @kind font */
  --tg-caption-weight: 500;   /* @kind font */
  --tg-caption-lh: 1.29;      /* @kind font */
  --tg-caption-ls: 0;         /* @kind font */
  --tg-caption-sm-size: 13px; /* @kind font */
  --tg-caption-sm-weight: 400;/* @kind font */
  --tg-caption-sm-lh: 1.23;   /* @kind font */
  --tg-caption-sm-ls: 0;      /* @kind font */

  /* Mono: badge / micro / uppercase tag */
  --tg-badge-size: 11px;   /* @kind font */
  --tg-badge-weight: 700;  /* @kind font */
  --tg-badge-lh: 1.18;     /* @kind font */
  --tg-badge-ls: 0;        /* @kind font */
  --tg-micro-size: 12px;   /* @kind font */
  --tg-micro-weight: 700;  /* @kind font */
  --tg-micro-lh: 1.33;     /* @kind font */
  --tg-micro-ls: 0;        /* @kind font */
  --tg-tag-size: 8px;      /* @kind font */
  --tg-tag-weight: 700;    /* @kind font */
  --tg-tag-lh: 1.25;       /* @kind font */
  --tg-tag-ls: 0.32px;     /* @kind font */

  /* Button / nav labels */
  --tg-button-md-size: 16px;   /* @kind font */
  --tg-button-md-weight: 500;  /* @kind font */
  --tg-button-md-lh: 1.25;     /* @kind font */
  --tg-button-md-ls: 0;        /* @kind font */
  --tg-button-sm-size: 14px;   /* @kind font */
  --tg-button-sm-weight: 500;  /* @kind font */
  --tg-button-sm-lh: 1.29;     /* @kind font */
  --tg-button-sm-ls: 0;        /* @kind font */
  --tg-nav-size: 16px;         /* @kind font */
  --tg-nav-weight: 600;        /* @kind font */
  --tg-nav-lh: 1.25;           /* @kind font */
  --tg-nav-ls: 0;              /* @kind font */
}