/* LOGE — Typography tokens. Work Sans everywhere; JetBrains Mono for OCR / raw scan text. */
:root {
  --font-sans: "Work Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Type ramp — [size / line-height / weight / tracking] */
  --text-headline-lg-size: 32px;
  --text-headline-lg-line: 40px;
  --text-headline-lg-weight: 700;
  --text-headline-lg-tracking: -0.02em;

  --text-headline-mobile-size: 28px;
  --text-headline-mobile-line: 34px;
  --text-headline-mobile-weight: 700;
  --text-headline-mobile-tracking: 0;

  --text-data-size: 24px;
  --text-data-line: 32px;
  --text-data-weight: 600;

  --text-body-lg-size: 18px;
  --text-body-lg-line: 28px;
  --text-body-lg-weight: 400;

  --text-body-md-size: 16px;
  --text-body-md-line: 24px;
  --text-body-md-weight: 400;

  --text-button-size: 16px;
  --text-button-line: 24px;
  --text-button-weight: 600;

  --text-label-size: 14px;
  --text-label-line: 20px;
  --text-label-weight: 600;
  --text-label-tracking: 0.05em;
}

/* Utility text roles (optional helpers, mirror the type ramp) */
.text-headline-lg { font: var(--text-headline-lg-weight) var(--text-headline-lg-size)/var(--text-headline-lg-line) var(--font-sans); letter-spacing: var(--text-headline-lg-tracking); }
.text-headline-mobile { font: var(--text-headline-mobile-weight) var(--text-headline-mobile-size)/var(--text-headline-mobile-line) var(--font-sans); }
.text-data { font: var(--text-data-weight) var(--text-data-size)/var(--text-data-line) var(--font-sans); }
.text-body-lg { font: var(--text-body-lg-weight) var(--text-body-lg-size)/var(--text-body-lg-line) var(--font-sans); }
.text-body-md { font: var(--text-body-md-weight) var(--text-body-md-size)/var(--text-body-md-line) var(--font-sans); }
.text-button { font: var(--text-button-weight) var(--text-button-size)/var(--text-button-line) var(--font-sans); }
.text-label { font: var(--text-label-weight) var(--text-label-size)/var(--text-label-line) var(--font-sans); letter-spacing: var(--text-label-tracking); text-transform: uppercase; }
