/* Brand voice font is Codec Pro (Bold for headlines, Regular for body/eyebrows).
   Codec Pro is a commercial face — no files were provided, so Space Grotesk
   (closest open geometric-technical match) is substituted below. Swap the
   @font-face src once real Codec Pro .woff2 files are supplied; see readme.md. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
--font-brand:'Space Grotesk','Codec Pro',-apple-system,sans-serif; /* substitute now, Codec Pro when files land */

/* type scale (px) */
--text-display-xl:76px;
--text-display-l:56px;
--text-display-m:40px;
--text-h1:40px;
--text-h2:32px;
--text-h3:24px;
--text-body-l:19px;
--text-body:16px;
--text-small:14px;
--text-eyebrow:13px;
--text-caption:12px;

/* weights */
--weight-regular:400;
--weight-medium:500;
--weight-bold:700;

/* line-heights */
--leading-tight:1.05;
--leading-snug:1.2;
--leading-normal:1.45;
--leading-relaxed:1.6;

/* tracking */
--tracking-tight:-0.02em;
--tracking-normal:0;
--tracking-eyebrow:0.05em;
}

.wb-display{font-family:var(--font-brand);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);}
.wb-h1{font-family:var(--font-brand);font-weight:var(--weight-bold);font-size:var(--text-h1);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);}
.wb-h2{font-family:var(--font-brand);font-weight:var(--weight-bold);font-size:var(--text-h2);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);}
.wb-h3{font-family:var(--font-brand);font-weight:var(--weight-medium);font-size:var(--text-h3);letter-spacing:var(--tracking-normal);line-height:var(--leading-snug);}
.wb-body{font-family:var(--font-brand);font-weight:var(--weight-regular);font-size:var(--text-body);line-height:var(--leading-relaxed);}
.wb-eyebrow{font-family:var(--font-brand);font-weight:var(--weight-medium);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;}