:root { --color-primary-700: #c31912; --color-primary-600: #e9322a; --color-primary-300: #ffa4a0; --color-primary-200: #ffc9c7; --color-secondary-600: #0f59a9; --color-secondary-500: #3775b7; --color-secondary-300: #86bcf3; --color-secondary-200: #bfdaf8; --color-secondary-50: #f1f6fe; --color-accent-600: #ffc40b; --color-accent-100: #ffebae; --color-background: #f5f1e2; --color-neutral-800: #292524; --color-neutral-600: #635d57; --color-neutral-200: #e7e5e4; --color-success: #659e44; --color-black: #000000; --color-white: #ffffff; --color-transparent: #ffffff00; --space-2xs: clamp(1.02rem, calc(0.005652173913043478 * (100vw - 36rem) + 1.02rem), 1.54rem); --space-xs: clamp(1.28rem, calc(0.006956521739130433 * (100vw - 36rem) + 1.28rem), 1.92rem); --space-s: clamp(1.6rem, calc(0.008695652173913042 * (100vw - 36rem) + 1.6rem), 2.4rem); --space-m: clamp(2rem, calc(0.010869565217391304 * (100vw - 36rem) + 2rem), 3rem); --space-l: clamp(2.5rem, calc(0.01358695652173913 * (100vw - 36rem) + 2.5rem), 3.75rem); --space-xl: clamp(3.13rem, calc(0.01695652173913044 * (100vw - 36rem) + 3.13rem), 4.69rem); --space-2xl: clamp(3.91rem, calc(0.021195652173913046 * (100vw - 36rem) + 3.91rem), 5.86rem); --text-2xs: clamp(1.04rem, calc(0.0013043478260869553 * (100vw - 36rem) + 1.04rem), 1.16rem); --text-xs: clamp(1.25rem, calc(0.0015217391304347815 * (100vw - 36rem) + 1.25rem), 1.39rem); --text-s: clamp(1.5rem, calc(0.0018478260869565209 * (100vw - 36rem) + 1.5rem), 1.67rem); --text-m: clamp(1.8rem, calc(0.0021739130434782605 * (100vw - 36rem) + 1.8rem), 2rem); --text-l: clamp(2.16rem, calc(0.0026086956521739106 * (100vw - 36rem) + 2.16rem), 2.4rem); --text-xl: clamp(2.59rem, calc(0.003152173913043479 * (100vw - 36rem) + 2.59rem), 2.88rem); --text-2xl: clamp(3.11rem, calc(0.0038043478260869575 * (100vw - 36rem) + 3.11rem), 3.46rem);}