/* CASNAN Typography — webfonts loaded from Google Fonts (nearest matches, see readme.md "Font substitution") */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&family=Quicksand:wght@500;600;700&display=swap');

:root {
  /* Families */
  --font-display: 'Archivo', 'Arial Narrow', system-ui, sans-serif; /* headings, hero, section titles */
  --font-body: 'Manrope', system-ui, -apple-system, sans-serif;     /* body copy, UI text */
  --font-brand: 'Quicksand', system-ui, sans-serif;                 /* the casnan wordmark only */

  /* Type scale — display uses tight leading, body relaxed */
  --text-display-xl: 700 clamp(52px, 6vw, 84px)/0.98 var(--font-display);
  --text-display-lg: 800 clamp(40px, 4.4vw, 60px)/1.02 var(--font-display);
  --text-h1: 700 clamp(34px, 3.4vw, 48px)/1.06 var(--font-display);
  --text-h2: 700 clamp(28px, 2.6vw, 38px)/1.1 var(--font-display);
  --text-h3: 700 22px/1.2 var(--font-display);
  --text-h4: 700 18px/1.3 var(--font-display);
  --text-eyebrow: 700 13px/1.4 var(--font-body);   /* uppercase, tracked, cyan */
  --text-lead: 500 19px/1.6 var(--font-body);
  --text-body: 400 16px/1.65 var(--font-body);
  --text-body-sm: 400 14px/1.55 var(--font-body);
  --text-caption: 500 12px/1.4 var(--font-body);

  /* Weights */
  --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 */

  /* Tracking */
  --tracking-eyebrow: 0.14em; /* @kind other */
  --tracking-tight: -0.02em; /* @kind other */
  --tracking-normal: 0; /* @kind other */
}