:root { --color-primary: var(--color-brand-dark-blue); --color-light-bg: var(--color-neutral-50); --color-dark-bg: var(--color-brand-black-tortoise); --color-headings: var(--color-brand-black-tortoise); --color-text-dark: var(--color-neutral-800); --color-text-light: var(--color-neutral-white); --color-link: var(--color-brand-black-tortoise); --color-link-hover: var(--color-brand-dark-blue); --color-border: var(--color-neutral-200); --color-content-background: var(--color-neutral-white); --color-site-bg: var(--color-neutral-200); --color-box-shadow: #1C1C1E14; --color-neutral-white: #ffffff; --color-neutral-50: #FBFCFD; --color-neutral-100: #F5F7F9; --color-neutral-200: #E9EDF1; --color-neutral-300: #D7DEE5; --color-neutral-400: #B8C2CC; --color-neutral-500: #909CAA; --color-neutral-600: #697687; --color-neutral-700: #4D5868; --color-neutral-800: #333C48; --color-neutral-900: #1E242C; --color-neutral-950: #111519; --color-neutral-black: #000000; --color-brand-black-tortoise: #1C1C1E; --color-brand-dark-blue: #334866; --color-brand-light-blue: #A1BCE3; --color-brand-white: #ffffff; --color-brand-green-dragon: #4C755F; --color-brand-red-bird: #A23D2B; --color-brand-gold-qilin: #B08A3C; --color-brand-white-tiger: #C8C5BD; --text-2xs: clamp(0.7rem, calc(0.00028571428571428595 * (100vw - 20rem) + 0.7rem), 0.72rem); --text-xs: clamp(0.79rem, calc(0.0011428571428571423 * (100vw - 20rem) + 0.79rem), 0.87rem); --text-s: clamp(0.89rem, calc(0.002142857142857143 * (100vw - 20rem) + 0.89rem), 1.04rem); --text-m: clamp(1rem, calc(0.0035714285714285713 * (100vw - 20rem) + 1rem), 1.25rem); --text-l: clamp(1.13rem, calc(0.005285714285714287 * (100vw - 20rem) + 1.13rem), 1.5rem); --text-xl: clamp(1.27rem, calc(0.007571428571428572 * (100vw - 20rem) + 1.27rem), 1.8rem); --text-2xl: clamp(1.42rem, calc(0.010571428571428574 * (100vw - 20rem) + 1.42rem), 2.16rem); --h4: clamp(0.98rem, calc(0.0021428571428571417 * (100vw - 20rem) + 0.98rem), 1.13rem); --h3: clamp(1.31rem, calc(0.004 * (100vw - 20rem) + 1.31rem), 1.59rem); --h2: clamp(1.75rem, calc(0.007142857142857143 * (100vw - 20rem) + 1.75rem), 2.25rem); --h1: clamp(2.33rem, calc(0.012142857142857144 * (100vw - 20rem) + 2.33rem), 3.18rem); --h-display: clamp(3.11rem, calc(0.019857142857142858 * (100vw - 20rem) + 3.11rem), 4.5rem); --space-2xs: clamp(0.77rem, calc(0.0041428571428571434 * (100vw - 20rem) + 0.77rem), 1.06rem); --space-xs: clamp(0.96rem, calc(0.006428571428571428 * (100vw - 20rem) + 0.96rem), 1.41rem); --space-s: clamp(1.2rem, calc(0.009714285714285713 * (100vw - 20rem) + 1.2rem), 1.88rem); --space-m: clamp(1.5rem, calc(0.014285714285714285 * (100vw - 20rem) + 1.5rem), 2.5rem); --space-l: clamp(1.88rem, calc(0.020714285714285716 * (100vw - 20rem) + 1.88rem), 3.33rem); --space-xl: clamp(2.34rem, calc(0.03000000000000001 * (100vw - 20rem) + 2.34rem), 4.44rem); --space-2xl: clamp(2.93rem, calc(0.04271428571428571 * (100vw - 20rem) + 2.93rem), 5.92rem); --section-space-2xs: clamp(2.17rem, calc(-0.009857142857142856 * (100vw - 20rem) + 2.17rem), 1.48rem); --section-space-xs: clamp(2.6rem, calc(-0.005428571428571427 * (100vw - 20rem) + 2.6rem), 2.22rem); --section-space-s: clamp(3.13rem, calc(0.0028571428571428597 * (100vw - 20rem) + 3.13rem), 3.33rem); --section-space-m: clamp(3.75rem, calc(0.017857142857142856 * (100vw - 20rem) + 3.75rem), 5rem); --section-space-l: clamp(4.5rem, calc(0.04285714285714286 * (100vw - 20rem) + 4.5rem), 7.5rem); --section-space-xl: clamp(5.4rem, calc(0.08357142857142856 * (100vw - 20rem) + 5.4rem), 11.25rem); --section-space-2xl: clamp(6.48rem, calc(0.14857142857142855 * (100vw - 20rem) + 6.48rem), 16.88rem);}