/* Sizes are authored for a 1000px-wide card (the deck's design width; the printed
   card is 1860px at 300dpi). Scale the whole card with a transform, not with type
   overrides — the ratios below are what makes a card read as a DesynBee card. */
:root {
  --fs-display: 68px;    /* method title, "Testing Sheet" */
  --fs-display-sm: 56px; /* long titles, "Root Cause & 5 Why's" */
  --fs-numeral: 64px;    /* card index, top-right */
  --fs-phase-title: 46px;/* divider card, "Phase 01: Empathise" */
  --fs-lede: 28px;       /* italic subtitle */
  --fs-section: 24px;    /* PURPOSE / HOW TO USE IT */
  --fs-body: 20px;
  --fs-body-sm: 17px;
  --fs-label: 18px;      /* pill + sprint-item labels */
  --fs-eyebrow: 14px;    /* STILL UNCLEAR? GO BACK */
  --fs-micro: 12px;

  --fw-light: 300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */
  --fw-black: 900; /* @kind font */

  --lh-tight: 0.98; /* @kind font */   /* display */
  --lh-snug: 1.18; /* @kind font */    /* lede, headings */
  --lh-body: 1.42; /* @kind font */
  --lh-loose: 1.55; /* @kind font */

  --ls-display: -0.02em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-caps: 0.02em; /* @kind font */   /* SECTION HEADINGS, TERMINOLOGY */
  --ls-eyebrow: 0.06em; /* @kind font *//* eyebrows, SCAN TO OPEN */

  /* Semantic aliases */
  --text-display: var(--fw-extrabold) var(--fs-display) / var(--lh-tight) var(--font-display); /* @kind font */
  --text-lede: italic var(--fw-medium) var(--fs-lede) / var(--lh-snug) var(--font-text); /* @kind font */
  --text-section: var(--fw-bold) var(--fs-section) / var(--lh-snug) var(--font-display); /* @kind font */
  --text-copy: var(--fw-regular) var(--fs-body) / var(--lh-body) var(--font-text); /* @kind font */
}