/* ==========================================================================
   STREAM Lab — Typography tokens
   No brand font files were supplied with this brief, so this system
   substitutes Google Fonts with a comparable technical/editorial feel:
     Display/headings: Space Grotesk  (geometric, technical, confident)
     Body/UI:           IBM Plex Sans (engineered, highly legible, scientific)
     Data/mono:         IBM Plex Mono (for figures, formulas, code, datasets)
     Korean fallback:   Noto Sans KR  (site content is bilingual EN/KR)
   Flagging this substitution — replace with official brand fonts if the
   lab has them.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;700&display=swap');

:root {
  --font-display: 'Space Grotesk', 'Noto Sans KR', sans-serif;
  --font-body: 'IBM Plex Sans', 'Noto Sans KR', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Menlo, monospace;

  /* Type scale — 1.25 ratio, tuned for a 1920 desktop research site */
  --text-2xs: 0.75rem;    /* 12px — eyebrow/meta */
  --text-xs: 0.8125rem;   /* 13px */
  --text-sm: 0.9375rem;   /* 15px */
  --text-base: 1rem;      /* 16px — body */
  --text-md: 1.125rem;    /* 18px */
  --text-lg: 1.375rem;    /* 22px */
  --text-xl: 1.75rem;     /* 28px */
  --text-2xl: 2.25rem;    /* 36px */
  --text-3xl: 3rem;       /* 48px */
  --text-4xl: 3.75rem;    /* 60px — hero */

  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-wide: 0.06em;
  --tracking-wider: 0.12em;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}