/* MIRAGE — typography tokens. Space Mono = operational type; avnier-font = custom display face. */

:root {
  /* Families */
  --font-space-mono: 'Space Mono', 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-avnier-font: 'avnier-font', 'Space Mono', ui-sans-serif, system-ui, sans-serif;
  --font-rubik: 'Rubik', ui-sans-serif, system-ui, sans-serif;
  --font-arial: 'Arial', ui-sans-serif, system-ui, sans-serif;
  --font-gtstandard-m: 'GTStandard-M', ui-sans-serif, system-ui, sans-serif;

  /* Semantic families */
  --font-mono: var(--font-space-mono);
  --font-display: var(--font-avnier-font);
  --font-display-stretch: 100%;

  /* Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  /* Scale — Space Mono */
  --text-utility-link: 12px;      --leading-utility-link: 1.4;      --tracking-utility-link: 0.996px;
  --text-body: 13px;              --leading-body: 1.2;              --tracking-body: 0px;
  --text-body-long: 13px;         --leading-body-long: 1.8;         --tracking-body-long: 0px;
  --text-label-tracked: 13px;     --leading-label-tracked: 1.2;     --tracking-label-tracked: 1px;
  --text-footer-heading: 14px;    --leading-footer-heading: 1.43;   --tracking-footer-heading: 0px;
  --text-account-label: 14px;     --leading-account-label: 1.2;     --tracking-account-label: 0px;
  --text-button: 15px;            --leading-button: 1.2;            --tracking-button: 1px;
  --text-utility-lg: 16px;        --leading-utility-lg: 1.2;        --tracking-utility-lg: 2px;

  /* Scale — Display */
  --text-image-panel-heading: 15px; --leading-image-panel-heading: 1.14; --tracking-image-panel-heading: 0px;
  --text-hero-heading: 25px;        --leading-hero-heading: 1.18;        --tracking-hero-heading: 0px;
  --text-editorial-heading: 33px;   --leading-editorial-heading: 1.3;    --tracking-editorial-heading: 0px;
  --text-category-heading: 55px;    --leading-category-heading: 1.18;    --tracking-category-heading: 0px;
}