:root{
--bg1:#fbfbf8;
--bg2:#f0f0ea;
--bg3:#e7e7df;
--bg4:#ffe58a;
--cl1:#ff5a1f;
--cl2:#141414;
--cl3:#3a3a3a;
--tx1:#141414;
--tx2:#62625c;
--tx4:#ffffff;
--hl1:#ffe58a;
--hl2:#141414;
--br1:0;
--br2:8px;
--br9:9999px;
--sh1:none;
--sh2:none;
--gp1:12px;
--gp2:24px;
--gp3:clamp(48px,7vh,72px);
--fz1:66px;
--fz2:20px;
--fw2:500;
--fw1:700;
--ls1:-.025em;
--ta1:center;
--ff1:"Hanken Grotesk",system-ui,sans-serif;
--ff2:"Big Shoulders",system-ui,sans-serif;
}
@font-face{
font-family:"Big Shoulders";
font-style:normal;
font-weight:400 900;
font-display:swap;
src:url(fonts/big-shoulders.woff2) format("woff2");
}
@font-face{
font-family:"Hanken Grotesk";
font-style:normal;
font-weight:400 800;
font-display:swap;
src:url(fonts/hanken.woff2) format("woff2");
}
html.dark-mode{
--bg1:#123a8a;
--bg2:#0d2f73;
--bg3:var(--bg2);
--bg4:#1d4aa3;
--cl1:#ffd23f;
--cl2:#ffd23f;
--cl3:#ffffff;
--tx1:#eef3ff;
--tx2:#abbfe7;
--tx4:#10214a;
--hl1:#ffd23f;
--hl2:#10214a;
}