/* Redseer typography.
   Roles and their font/weight/size come from the "Typhography guide"
   frame in the Figma file. Display sizes are the desktop (1440) values
   used across the Dev-Ready pages. */
:root{
  --font-display: "Cambon", Georgia, "Times New Roman", serif; /* @kind font */
  --font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* @kind font */

  --fw-extralight:200; /* @kind other */ --fw-light:300; /* @kind other */ --fw-regular:400; /* @kind other */ --fw-medium:500; /* @kind other */
  --fw-semibold:600; /* @kind other */ --fw-bold:700; /* @kind other */ --fw-extrabold:800; /* @kind other */

  /* Line heights actually used: 1.5 for prose/headings, 1.4 for buttons + meta, 100% for eyebrows */
  --lh-tight:1; /* @kind other */ --lh-snug:1.4; /* @kind other */ --lh-default:1.5; /* @kind other */

  /* ── Named roles from the typography guide ──────────────── */
  --type-heading-font: var(--font-display); /* @kind other */
  --type-heading-weight: var(--fw-extrabold); /* @kind other */
  --type-heading-size: 28px;

  --type-subheading-1-font: var(--font-display); /* @kind other */
  --type-subheading-1-weight: var(--fw-semibold); /* @kind other */
  --type-subheading-1-size: 24px;

  --type-subheading-2-font: var(--font-sans); /* @kind other */
  --type-subheading-2-weight: var(--fw-semibold); /* @kind other */
  --type-subheading-2-size: 20px;

  --type-button-primary-size: 16px;
  --type-button-primary-weight: var(--fw-semibold); /* @kind other */
  --type-button-secondary-size: 14px;
  --type-button-secondary-weight: var(--fw-semibold); /* @kind other */

  --type-body-size: 16px;   --type-body-weight: var(--fw-medium); /* @kind other */
  --type-subtext-size: 14px; --type-subtext-weight: var(--fw-regular); /* @kind other */
  --type-title-size: 16px;  --type-title-weight: var(--fw-semibold); /* @kind other */
  --type-stats-heading-size: 32px; --type-stats-heading-weight: var(--fw-bold); /* @kind other */
  --type-stats-number-size: 16px;  --type-stats-number-weight: var(--fw-bold); /* @kind other */
  --type-name-size: 22px;   --type-name-weight: var(--fw-semibold); /* @kind other */

  /* ── Desktop display scale as built in the page designs ──── */
  --size-hero: 100px;        /* Manrope Bold — full-bleed hero statements */
  --size-display-lg: 60px;   /* Manrope Bold — page titles over imagery */
  --size-display: 50px;      /* Cambon SemiBold — section headers ("We Solve for") */
  --size-display-sm: 40px;   /* Cambon SemiBold — inner-page section headers */
  --size-title-lg: 24px;
  --size-lead: 22px;
  --size-lead-sm: 20px;
  --size-body-lg: 18px;
  --size-body: 16px;
  --size-meta: 14px;
  --size-eyebrow: 13px;      /* uppercase category label, line-height 100% */
  --size-micro: 12px;
}