/* 7Pillar Software — type scale.
   Corporate Font: Manrope carries both the display/brand voice (600/700) and UI +
   prose (400/500) — hierarchy comes from weight, not from a second family.
   IBM Plex Mono carries data, IDs, endpoints and code. */
:root {
  --text-3xs: 0.6875rem; /* 11px — table meta, legal */
  --text-2xs: 0.75rem;   /* 12px — eyebrow, badge */
  --text-xs: 0.8125rem;  /* 13px — dense UI, captions */
  --text-sm: 0.875rem;   /* 14px — UI default */
  --text-base: 1rem;     /* 16px — body */
  --text-md: 1.0625rem;  /* 17px — lead-in body */
  --text-lg: 1.25rem;    /* 20px — card title */
  --text-xl: 1.5rem;     /* 24px — section subhead */
  --text-2xl: 1.875rem;  /* 30px — h3 */
  --text-3xl: 2.375rem;  /* 38px — h2 */
  --text-4xl: 3rem;      /* 48px — h1 */
  --text-5xl: 3.75rem;   /* 60px — hero */
  --text-6xl: 4.75rem;   /* 76px — statement */

  --leading-none: 1;
  --leading-tight: 1.12;
  --leading-snug: 1.28;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --tracking-tighter: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;  /* eyebrows */
  --tracking-widest: 0.22em; /* wordmark-style caps */

  /* Semantic roles */
  --type-hero-family: var(--font-display);
  --type-hero-size: var(--text-5xl);
  --type-hero-weight: var(--weight-bold);
  --type-hero-leading: var(--leading-tight);
  --type-hero-tracking: var(--tracking-tight);

  --type-heading-family: var(--font-display);
  --type-heading-weight: var(--weight-semibold);
  --type-heading-leading: var(--leading-snug);

  --type-eyebrow-family: var(--font-body);
  --type-eyebrow-size: var(--text-2xs);
  --type-eyebrow-weight: var(--weight-semibold);
  --type-eyebrow-tracking: var(--tracking-wider);

  --type-body-family: var(--font-body);
  --type-body-size: var(--text-base);
  --type-body-leading: var(--leading-relaxed);

  --type-ui-family: var(--font-body);
  --type-ui-size: var(--text-sm);
  --type-ui-weight: var(--weight-medium);

  --type-mono-family: var(--font-mono);
  --type-mono-size: var(--text-xs);
  --type-mono-tracking: var(--tracking-tight);

  --measure-prose: 68ch;
  --measure-lead: 46ch;
}