@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');
:root{
--font-display:'Barlow Semi Condensed',system-ui,sans-serif;--font-body:'Inter',system-ui,sans-serif;
--weight-display:800;--weight-display-sub:700;--weight-button:700;--weight-body:400;--weight-body-emphasis:500;
--tracking-display:-0.015em;--tracking-label:0.06em;
--text-h1:clamp(34px,6vw,56px);--text-h2:clamp(28px,4.5vw,40px);--text-h3:22px;--text-body-size:16px;--text-body-lg:18px;--text-small:14px;
--leading-display:1.05;--leading-body:1.55;
}
body{font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--leading-body);color:var(--text-body)}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-headline);letter-spacing:var(--tracking-display);line-height:var(--leading-display);font-weight:var(--weight-display)}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--navy)}