/* CSI Typography
   Display: Futura Extra Black (tight, uppercase-friendly headlines)
   CTA/labels: Futura Heavy BT (uppercase buttons + eyebrows)
   Body: Raleway (light/thin) */
:root{
  --font-display:"Futura CSI Display","Arial Black",sans-serif;
  --font-cta:"Jost","Futura CSI","Arial Black",sans-serif;
  --font-body:"Raleway CSI","Helvetica Neue",Arial,sans-serif;

  /* Weights — Raleway is a variable body face; keep it light per brand */
  --fw-thin:200; /* @kind font */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:900; /* @kind font */

  /* Type scale (px) — display uses the heavy faces, text uses Raleway */
  --fs-display-xl:72px;
  --fs-display-lg:56px;
  --fs-display-md:40px;
  --fs-h1:34px;
  --fs-h2:26px;
  --fs-h3:20px;
  --fs-body-lg:18px;
  --fs-body:16px;
  --fs-body-sm:14px;
  --fs-caption:12px;
  --fs-eyebrow:13px;

  /* Heading scale (fluid) — all headings: Futura CSI Display, 900, sentence case */
  --fs-display-hero:clamp(44px,5.8vw,84px); /* @kind font */
  --lh-display:0.9; /* @kind font */
  --fs-heading-2:clamp(34px,4vw,60px); /* @kind font */
  --lh-heading-2:0.95; /* @kind font */
  --fs-heading-3:clamp(24px,2.36vw,34px); /* @kind font */
  --lh-heading-3:1.05; /* @kind font */
  --ls-heading-3:-0.01em; /* @kind font */
  --fs-heading-4:clamp(18px,1.66vw,24px); /* @kind font */
  --lh-heading-4:1.15; /* @kind font */
  --ls-heading-4:0; /* @kind font */
  --fs-heading-card:clamp(21px,calc(4.6vw - 27px),40px); /* @kind font — card titles over full-bleed imagery */
  --lh-heading-card:1.0; /* @kind font */
  --ls-heading-card:-0.01em; /* @kind font */
  --fs-stat:clamp(40px,5vw,72px); /* @kind font */
  --lh-stat:0.9; /* @kind font */

  /* Line heights */
  --lh-tight:1.02; /* @kind font */
  --lh-heading:1.12; /* @kind font */
  --lh-snug:1.35; /* @kind font */
  --lh-body:1.6; /* @kind font */

  /* Tracking */
  --ls-display:-0.02em; /* @kind font */
  --ls-cta:0.08em; /* @kind font */
  --ls-eyebrow:0.16em; /* @kind font */
  --ls-body:0.005em; /* @kind font */
}
