/* Co Connect — Typography
   Quicksand = brand/display (rounded geometric, echoes the wordmark).
   Hanken Grotesk = body & UI. JetBrains Mono = code / data / IDs. */
:root {
  --font-display: 'Quicksand', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Hanken Grotesk', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Type scale (1.25 major-third-ish, tuned) */
  --fs-display: 56px; /* @kind font */   --lh-display: 1.04; /* @kind other */  --ls-display: -0.02em; /* @kind other */
  --fs-h1: 40px; /* @kind font */        --lh-h1: 1.1; /* @kind other */        --ls-h1: -0.015em; /* @kind other */
  --fs-h2: 30px; /* @kind font */        --lh-h2: 1.15; /* @kind other */       --ls-h2: -0.01em; /* @kind other */
  --fs-h3: 23px; /* @kind font */        --lh-h3: 1.25; /* @kind other */       --ls-h3: -0.005em; /* @kind other */
  --fs-h4: 18px; /* @kind font */        --lh-h4: 1.3; /* @kind other */        --ls-h4: 0; /* @kind other */
  --fs-lead: 19px; /* @kind font */      --lh-lead: 1.55; /* @kind other */
  --fs-body: 16px; /* @kind font */      --lh-body: 1.6; /* @kind other */
  --fs-sm: 14px; /* @kind font */        --lh-sm: 1.5; /* @kind other */
  --fs-xs: 12.5px; /* @kind font */      --lh-xs: 1.45; /* @kind other */
  --fs-overline: 12px; /* @kind font */  --ls-overline: 0.14em; /* @kind other */  /* uppercase eyebrows / hex labels */

  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* Weight pairing the brand uses: display 600/700, body 400/500/600 */
  --weight-display: 700; /* @kind font */
  --weight-heading: 600; /* @kind font */
  --weight-body: 400; /* @kind font */
}