/* UTGSU — Typography tokens
   Display/heading font: Montserrat (per style guide "Logo Fonts" spec —
   secondary wordmark font, family bold/black) — also used as the UI heading
   font across every shipped UTGSU tool.
   Body font: system UI stack — every shipped tool uses
   -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif for body copy;
   the style guide does not specify a separate body typeface, so the
   products' own convention is followed here.
   NOTE: "Zen Tokyo Zoo" is the style guide's PRIMARY logo font (uppercase,
   2pt stroke) — it is baked into the logo artwork only and is not used for
   UI text anywhere in the shipped tools, so no webfont is embedded for it.
   If you need it for a from-scratch lockup, flag to the user for the font file. */

:root {
  --font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

  /* Weights actually used in shipped tools */
  --weight-display-bold: 700;
  --weight-display-black: 800;
  --weight-body-regular: 400;
  --weight-body-medium: 600;
  --weight-body-bold: 700;

  /* Type scale, taken from real usage (dashboard headers, card titles, meta) */
  --text-display-lg: 800 26px/1.25 var(--font-display);   /* page titles */
  --text-display-md: 800 18px/1.2 var(--font-display);    /* header wordmark */
  --text-display-sm: 700 15px/1.3 var(--font-display);    /* section labels, uppercase */
  --text-heading: 700 18px/1.3 var(--font-display);       /* card titles */
  --text-body-lg: 400 14.5px/1.65 var(--font-body);
  --text-body: 400 14px/1.55 var(--font-body);
  --text-body-sm: 600 13px/1.5 var(--font-body);
  --text-caption: 600 12px/1.5 var(--font-body);
  --text-micro: 700 11px/1.4 var(--font-body);            /* uppercase eyebrow labels */

  --tracking-eyebrow: 0.06em;
  --tracking-wordmark: 0.02em;
}