:root { --white: hsl(0, 0%, 100%); --white-t-1: hsla(0, 0%, 100%, 0.25); --white-t-2: hsla(0, 0%, 100%, 0.5); --white-t-3: hsla(0, 0%, 100%, 0.75); --black: hsl(0, 0%, 0%); --black-t-1: hsla(0, 0%, 0%, 0.25); --black-t-2: hsla(0, 0%, 0%, 0.5); --black-t-3: hsla(0, 0%, 0%, 0.75); --primary: #6E868B; --primary-d-1: #536568; --primary-d-2: #374346; --primary-d-3: #1c2223; --primary-t-1: hsla(190, 12%, 49%, 0.25); --primary-t-2: hsla(190, 12%, 49%, 0.5); --primary-t-3: hsla(190, 12%, 49%, 0.75); --primary-l-1: #92a4a8; --primary-l-2: #b7c3c5; --primary-l-3: #dbe1e2; --secondary: #5A5F7B; --secondary-l-1: #83879c; --secondary-l-2: #adafbd; --secondary-l-3: #d6d7de; --secondary-d-1: #44475c; --secondary-d-2: #2d303e; --secondary-d-3: #17181f; --secondary-t-1: hsla(231, 15%, 42%, 0.25); --secondary-t-2: hsla(231, 15%, 42%, 0.5); --secondary-t-3: hsla(231, 15%, 42%, 0.75); --neutral: #dddddd; --neutral-l-1: #e6e6e6; --neutral-l-2: #eeeeee; --neutral-l-3: #f7f7f7; --neutral-d-1: #a6a6a6; --neutral-d-2: #6f6f6f; --neutral-d-3: #373737; --box-shadow-normal: hsla(0, 0%, 0%, 0.15); --box-shadow-hover: hsla(0, 0%, 0%, 0.21); --border-color: #dddddd; --button-neutral: #f3f3f3; --button-neutral-hover: #e4e3e2; --space-xs: clamp(2.13rem, calc(0.0063999999999999994 * (100vw - 45rem) + 2.13rem), 2.61rem); --space-s: clamp(2.4rem, calc(0.00706666666666667 * (100vw - 45rem) + 2.4rem), 2.93rem); --space-m: clamp(2.7rem, calc(0.007999999999999995 * (100vw - 45rem) + 2.7rem), 3.3rem); --space-l: clamp(3.04rem, calc(0.008933333333333333 * (100vw - 45rem) + 3.04rem), 3.71rem); --space-xl: clamp(3.42rem, calc(0.010133333333333331 * (100vw - 45rem) + 3.42rem), 4.18rem); --heading-6: clamp(1.65rem, calc(0.0030666666666666663 * (100vw - 45rem) + 1.65rem), 1.88rem); --heading-5: clamp(1.73rem, calc(0.0031999999999999997 * (100vw - 45rem) + 1.73rem), 1.97rem); --heading-4: clamp(1.81rem, calc(0.003466666666666664 * (100vw - 45rem) + 1.81rem), 2.07rem); --heading-3: clamp(1.9rem, calc(0.0037333333333333368 * (100vw - 45rem) + 1.9rem), 2.18rem); --heading-2: clamp(2rem, calc(0.003866666666666667 * (100vw - 45rem) + 2rem), 2.29rem); --heading-1: clamp(2.1rem, calc(0.0039999999999999975 * (100vw - 45rem) + 2.1rem), 2.4rem); --text-xs: clamp(1.25rem, calc(0.0016000000000000014 * (100vw - 45rem) + 1.25rem), 1.37rem); --text-s: clamp(1.31rem, calc(0.001733333333333332 * (100vw - 45rem) + 1.31rem), 1.44rem); --text-m: clamp(1.38rem, calc(0.0017333333333333348 * (100vw - 45rem) + 1.38rem), 1.51rem); --text-l: clamp(1.45rem, calc(0.0018666666666666684 * (100vw - 45rem) + 1.45rem), 1.59rem); --text-xl: clamp(1.52rem, calc(0.0018666666666666653 * (100vw - 45rem) + 1.52rem), 1.66rem); --gutter-s: clamp(0.93rem, calc(0.024666666666666663 * (100vw - 45rem) + 0.93rem), 2.78rem); --gutter-m: clamp(1.5rem, calc(0.04 * (100vw - 45rem) + 1.5rem), 4.5rem); --gutter-l: clamp(2.43rem, calc(0.06466666666666666 * (100vw - 45rem) + 2.43rem), 7.28rem);}