:root { --primary: #18306d; --secondary: #ffb65c; --primary-l-1: #46598a; --primary-l-2: #7483a7; --primary-l-3: #a3acc5; --primary-l-4: #d1d6e2; --primary-d-1: #132657; --primary-d-2: #0e1d41; --primary-d-3: #0a132c; --primary-d-4: #050a16; --primary-t-1: hsla(223, 23%, 85%, 0.2); --primary-t-2: hsla(223, 23%, 70%, 0.4); --primary-t-3: hsla(223, 23%, 56%, 0.6); --primary-t-4: hsla(223, 33%, 41%, 0.8); --secondary-l-1: #ffc57d; --secondary-l-2: #ffd39d; --secondary-l-3: #ffe2be; --secondary-l-4: #fff0de; --secondary-d-1: #cc924a; --secondary-d-2: #996d37; --secondary-d-3: #664925; --secondary-d-4: #332412; --secondary-t-1: hsla(33, 100%, 94%, 0.2); --secondary-t-2: hsla(33, 100%, 87%, 0.4); --secondary-t-3: hsla(33, 100%, 81%, 0.6); --secondary-t-4: hsla(33, 100%, 74%, 0.8); --text-2xs: clamp(1.12rem, calc(-0.0012962962962962973 * (100vw - 36rem) + 1.12rem), 0.98rem); --text-xs: clamp(1.26rem, calc(-0.0007407407407407414 * (100vw - 36rem) + 1.26rem), 1.18rem); --text-s: clamp(1.42rem, calc(0 * (100vw - 36rem) + 1.42rem), 1.42rem); --text-m: clamp(1.6rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.6rem), 1.7rem); --text-l: clamp(1.8rem, calc(0.0022222222222222222 * (100vw - 36rem) + 1.8rem), 2.04rem); --text-xl: clamp(2.02rem, calc(0.0039814814814814825 * (100vw - 36rem) + 2.02rem), 2.45rem); --text-2xl: clamp(2.28rem, calc(0.006111111111111112 * (100vw - 36rem) + 2.28rem), 2.94rem); --space-2xs: clamp(0.82rem, calc(0.0017592592592592599 * (100vw - 36rem) + 0.82rem), 1.01rem); --space-xs: clamp(1.02rem, calc(0.003055555555555556 * (100vw - 36rem) + 1.02rem), 1.35rem); --space-s: clamp(1.28rem, calc(0.004814814814814815 * (100vw - 36rem) + 1.28rem), 1.8rem); --space-m: clamp(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --space-l: clamp(2rem, calc(0.011111111111111113 * (100vw - 36rem) + 2rem), 3.2rem); --space-xl: clamp(2.5rem, calc(0.016296296296296295 * (100vw - 36rem) + 2.5rem), 4.26rem); --space-2xl: clamp(3.13rem, calc(0.02361111111111111 * (100vw - 36rem) + 3.13rem), 5.68rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.text-primary-t-1 { color: var(--primary-t-1); }.text-primary-t-2 { color: var(--primary-t-2); }.text-primary-t-3 { color: var(--primary-t-3); }.text-primary-t-4 { color: var(--primary-t-4); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-l-4 { border-color: var(--primary-l-4); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-d-4 { border-color: var(--primary-d-4); }.border-primary-t-1 { border-color: var(--primary-t-1); }.border-primary-t-2 { border-color: var(--primary-t-2); }.border-primary-t-3 { border-color: var(--primary-t-3); }.border-primary-t-4 { border-color: var(--primary-t-4); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-l-2 { outline-color: var(--primary-l-2); }.outline-primary-l-3 { outline-color: var(--primary-l-3); }.outline-primary-l-4 { outline-color: var(--primary-l-4); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.outline-primary-d-3 { outline-color: var(--primary-d-3); }.outline-primary-d-4 { outline-color: var(--primary-d-4); }.outline-primary-t-1 { outline-color: var(--primary-t-1); }.outline-primary-t-2 { outline-color: var(--primary-t-2); }.outline-primary-t-3 { outline-color: var(--primary-t-3); }.outline-primary-t-4 { outline-color: var(--primary-t-4); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-l-2 { fill: var(--primary-l-2); }.fill-primary-l-3 { fill: var(--primary-l-3); }.fill-primary-l-4 { fill: var(--primary-l-4); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.fill-primary-d-3 { fill: var(--primary-d-3); }.fill-primary-d-4 { fill: var(--primary-d-4); }.fill-primary-t-1 { fill: var(--primary-t-1); }.fill-primary-t-2 { fill: var(--primary-t-2); }.fill-primary-t-3 { fill: var(--primary-t-3); }.fill-primary-t-4 { fill: var(--primary-t-4); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-l-2 { stroke: var(--primary-l-2); }.stroke-primary-l-3 { stroke: var(--primary-l-3); }.stroke-primary-l-4 { stroke: var(--primary-l-4); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }.stroke-primary-d-3 { stroke: var(--primary-d-3); }.stroke-primary-d-4 { stroke: var(--primary-d-4); }.stroke-primary-t-1 { stroke: var(--primary-t-1); }.stroke-primary-t-2 { stroke: var(--primary-t-2); }.stroke-primary-t-3 { stroke: var(--primary-t-3); }.stroke-primary-t-4 { stroke: var(--primary-t-4); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-l-4 { background-color: var(--secondary-l-4); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-d-3 { background-color: var(--secondary-d-3); }.bg-secondary-d-4 { background-color: var(--secondary-d-4); }.bg-secondary-t-1 { background-color: var(--secondary-t-1); }.bg-secondary-t-2 { background-color: var(--secondary-t-2); }.bg-secondary-t-3 { background-color: var(--secondary-t-3); }.bg-secondary-t-4 { background-color: var(--secondary-t-4); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-d-4 { color: var(--secondary-d-4); }.text-secondary-t-1 { color: var(--secondary-t-1); }.text-secondary-t-2 { color: var(--secondary-t-2); }.text-secondary-t-3 { color: var(--secondary-t-3); }.text-secondary-t-4 { color: var(--secondary-t-4); }.border-secondary { border-color: var(--secondary); }.border-secondary-l-1 { border-color: var(--secondary-l-1); }.border-secondary-l-2 { border-color: var(--secondary-l-2); }.border-secondary-l-3 { border-color: var(--secondary-l-3); }.border-secondary-l-4 { border-color: var(--secondary-l-4); }.border-secondary-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.border-secondary-d-3 { border-color: var(--secondary-d-3); }.border-secondary-d-4 { border-color: var(--secondary-d-4); }.border-secondary-t-1 { border-color: var(--secondary-t-1); }.border-secondary-t-2 { border-color: var(--secondary-t-2); }.border-secondary-t-3 { border-color: var(--secondary-t-3); }.border-secondary-t-4 { border-color: var(--secondary-t-4); }.outline-secondary { outline-color: var(--secondary); }.outline-secondary-l-1 { outline-color: var(--secondary-l-1); }.outline-secondary-l-2 { outline-color: var(--secondary-l-2); }.outline-secondary-l-3 { outline-color: var(--secondary-l-3); }.outline-secondary-l-4 { outline-color: var(--secondary-l-4); }.outline-secondary-d-1 { outline-color: var(--secondary-d-1); }.outline-secondary-d-2 { outline-color: var(--secondary-d-2); }.outline-secondary-d-3 { outline-color: var(--secondary-d-3); }.outline-secondary-d-4 { outline-color: var(--secondary-d-4); }.outline-secondary-t-1 { outline-color: var(--secondary-t-1); }.outline-secondary-t-2 { outline-color: var(--secondary-t-2); }.outline-secondary-t-3 { outline-color: var(--secondary-t-3); }.outline-secondary-t-4 { outline-color: var(--secondary-t-4); }.fill-secondary { fill: var(--secondary); }.fill-secondary-l-1 { fill: var(--secondary-l-1); }.fill-secondary-l-2 { fill: var(--secondary-l-2); }.fill-secondary-l-3 { fill: var(--secondary-l-3); }.fill-secondary-l-4 { fill: var(--secondary-l-4); }.fill-secondary-d-1 { fill: var(--secondary-d-1); }.fill-secondary-d-2 { fill: var(--secondary-d-2); }.fill-secondary-d-3 { fill: var(--secondary-d-3); }.fill-secondary-d-4 { fill: var(--secondary-d-4); }.fill-secondary-t-1 { fill: var(--secondary-t-1); }.fill-secondary-t-2 { fill: var(--secondary-t-2); }.fill-secondary-t-3 { fill: var(--secondary-t-3); }.fill-secondary-t-4 { fill: var(--secondary-t-4); }.stroke-secondary { stroke: var(--secondary); }.stroke-secondary-l-1 { stroke: var(--secondary-l-1); }.stroke-secondary-l-2 { stroke: var(--secondary-l-2); }.stroke-secondary-l-3 { stroke: var(--secondary-l-3); }.stroke-secondary-l-4 { stroke: var(--secondary-l-4); }.stroke-secondary-d-1 { stroke: var(--secondary-d-1); }.stroke-secondary-d-2 { stroke: var(--secondary-d-2); }.stroke-secondary-d-3 { stroke: var(--secondary-d-3); }.stroke-secondary-d-4 { stroke: var(--secondary-d-4); }.stroke-secondary-t-1 { stroke: var(--secondary-t-1); }.stroke-secondary-t-2 { stroke: var(--secondary-t-2); }.stroke-secondary-t-3 { stroke: var(--secondary-t-3); }.stroke-secondary-t-4 { stroke: var(--secondary-t-4); }