/* EurekaLogic — Typography
   Two families only (as shipped):
   - Raleway — display / wordmark / headings / eyebrows / labels.
     ALWAYS uppercase with wide tracking for headings & eyebrows.
   - IBM Plex Sans — body copy. Light (300) is the workhorse for paragraphs.
   Both are Google-hosted and brand-approved. No monospace brand face exists;
   --font-mono is a system-only utility for genuine code/tabular data. */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700;800;900&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');

:root {
  /* Families */
  --font-display: 'Raleway', ui-sans-serif, system-ui, sans-serif;      /* headings, wordmark, labels */
  --font-body:    'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif; /* paragraphs */
  --font-label:   var(--font-display);                                   /* eyebrows / labels alias */
  --font-mono:    ui-monospace, 'SF Mono', Menlo, monospace;             /* utility only — NOT a brand font */

  /* Type scale — anchored to shipped flyer specimens, extended for UI.
     Flyer print sizes: wordmark 33 · headings 12 · body 12.5 · captions 10-11. */
  --text-2xs:  0.625rem;  /* 10 — captions, sub-tagline, card tagline */
  --text-xs:   0.6875rem; /* 11 — list items, card label */
  --text-sm:   0.78125rem;/* 12.5 — body paragraph, tagline */
  --text-base: 1rem;      /* 16 */
  --text-md:   1.125rem;  /* 18 */
  --text-lg:   1.375rem;  /* 22 */
  --text-xl:   1.75rem;   /* 28 */
  --text-2xl:  2.0625rem; /* 33 — wordmark */
  --text-3xl:  3rem;      /* 48 */
  --text-4xl:  4rem;      /* 64 */
  --text-5xl:  5.25rem;   /* 84 */

  /* Weights */
  --weight-light:    300; /* IBM Plex body workhorse */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extrabold:800;
  --weight-black:    900;

  /* Line heights */
  --leading-tight:   1.12;
  --leading-snug:    1.3;
  --leading-normal:  1.55; /* shipped body line-height */
  --leading-relaxed: 1.7;

  /* Letter spacing — Raleway headings/labels are wide-tracked */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-label:  0.15em; /* section headings ~1.8px @12px */
  --tracking-tagline:0.176em;/* tagline ~2.2px @12.5px */
  --tracking-caps:   0.15em;
  --tracking-wordmark:0.15em;/* wordmark 5px @33px */
}