/* Papel typography scale.
   Display / headings: PP Mori (→ Manrope substitute), SemiBold.
   Body / UI: Mona Sans. Sizes transcribed from the Figma usage inventory. */

:root {
  /* Display — PP Mori SemiBold, landing & marketing hero */
  --text-display-2xl: 128px;   /* hero mark / oversize */
  --text-display-xl: 60px;
  --text-display-lg: 54.8px;   /* landing H1 */
  --text-display-md: 44px;
  --text-display-sm: 36px;

  /* Headings — PP Mori SemiBold, in-product & sections */
  --text-heading-xl: 24px;
  --text-heading-lg: 22px;
  --text-heading-md: 20px;
  --text-heading-sm: 18px;

  /* Body / UI — Mona Sans */
  --text-body-lg: 18px;
  --text-body-md: 16px;
  --text-body-base: 14px;   /* densest, most common UI size */
  --text-body-sm: 12px;
  --text-body-xs: 10px;

  /* Line heights */
  --leading-display: 1.05;
  --leading-heading: 1.2;
  --leading-body: 1.5;
  --leading-tight: 1.35;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Tracking */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;   /* eyebrow / overline labels */
}

/* Semantic type roles — apply directly as utility helpers if desired */
.papel-display { font-family: var(--font-display); font-weight: var(--weight-semibold); line-height: var(--leading-display); letter-spacing: var(--tracking-tight); }
.papel-heading { font-family: var(--font-display); font-weight: var(--weight-semibold); line-height: var(--leading-heading); }
.papel-body { font-family: var(--font-body); font-weight: var(--weight-regular); line-height: var(--leading-body); }
.papel-eyebrow { font-family: var(--font-body); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-wide); text-transform: uppercase; font-size: var(--text-body-sm); }