/* EOS Laboratories — Typography tokens
   Fonts per brand sheet: Montserrat (primary / headings), Inter (secondary / body).
   Both are freely available Google Fonts — no substitution needed. */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --font-display: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; /* headings, stat numbers, wordmark-adjacent type */
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;      /* body copy, labels, UI */
  --font-mono:    'IBM Plex Mono', 'SFMono-Regular', Menlo, monospace; /* REF/LOT/spec codes only */

  /* Type scale — display uses Montserrat weight 700/800, tight tracking */
  --text-display-1: 700 56px/1.05 var(--font-display);
  --text-display-2: 700 40px/1.1 var(--font-display);
  --text-h1:        700 32px/1.15 var(--font-display);
  --text-h2:        600 24px/1.25 var(--font-display);
  --text-h3:        600 19px/1.3 var(--font-display);
  --text-h4:        600 16px/1.4 var(--font-display);

  --text-body-lg:   400 18px/1.6 var(--font-body);
  --text-body:      400 16px/1.6 var(--font-body);
  --text-body-sm:   400 14px/1.5 var(--font-body);
  --text-caption:   500 12px/1.4 var(--font-body);
  --text-overline:  600 12px/1.2 var(--font-body); /* letter-spacing .08em, uppercase — eyebrow labels */

  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-widest: 0.08em; /* overline/eyebrow labels, e.g. "READY TO USE CULTURE MEDIA" */
}