:root { --primary: #000d31; --secondary: #ffac07; --primary-l-1: #333d5a; --primary-l-2: #666e83; --primary-l-3: #999ead; --primary-l-4: #cccfd6; --secondary-l-1: #ffbd39; --secondary-l-2: #ffcd6a; --secondary-l-3: #ffde9c; --secondary-l-4: #ffeecd; --dark: #000000; --light: #ffffff; --light-grey: #f6f6f6; --dark-grey: #1a1e26; --secondary-d-1: #cc8a06; --secondary-d-2: #996704; --secondary-d-3: #664503; --secondary-d-4: #332201; --space-2xs: clamp(0.25rem, calc(0.004347826086956522 * (100vw - 22.5rem) + 0.25rem), 0.5rem); --space-xs: clamp(0.5rem, calc(0.008695652173913044 * (100vw - 22.5rem) + 0.5rem), 1rem); --space-sm: clamp(0.75rem, calc(0.008695652173913044 * (100vw - 22.5rem) + 0.75rem), 1.25rem); --space-md: clamp(1rem, calc(0.017391304347826087 * (100vw - 22.5rem) + 1rem), 2rem); --space-lg: clamp(1.5rem, calc(0.02608695652173913 * (100vw - 22.5rem) + 1.5rem), 3rem); --space-xl: clamp(2.5rem, calc(0.034782608695652174 * (100vw - 22.5rem) + 2.5rem), 4.5rem); --space-2xl: clamp(4rem, calc(0.05217391304347826 * (100vw - 22.5rem) + 4rem), 7rem); --space-3xl: clamp(6rem, calc(0.06956521739130435 * (100vw - 22.5rem) + 6rem), 10rem); --space-4xl: clamp(8rem, calc(0.1391304347826087 * (100vw - 22.5rem) + 8rem), 16rem); --text-sm: clamp(0.88rem, calc(0.0020869565217391303 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-base: clamp(1rem, calc(0.0022608695652173894 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-lg: clamp(1.13rem, calc(0.0020869565217391324 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --text-xl: clamp(1.25rem, calc(0.004347826086956522 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --text-h3: clamp(1.5rem, calc(0.008695652173913044 * (100vw - 22.5rem) + 1.5rem), 2rem); --text-h2: clamp(2rem, calc(0.017391304347826087 * (100vw - 22.5rem) + 2rem), 3rem); --text-h1: clamp(2.5rem, calc(0.017391304347826087 * (100vw - 22.5rem) + 2.5rem), 3.5rem);}.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); }.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); }.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); }.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); }.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); }.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); }