:root { --primary: #BF1932; --primary-l-1: #d46676; --primary-l-2: #eab2bb; --primary-d-1: #7f1121; --primary-d-2: #400811; --secondary: #F4F4F0; --secondary-l-1: #f8f8f5; --secondary-l-2: #fbfbfa; --secondary-d-1: #a3a3a0; --secondary-d-2: #515150; --white: #ffffff; --text: #2A2A31; --text-2xs: clamp(0.47rem, calc(0.0011111111111111111 * (100vw - 36rem) + 0.47rem), 0.59rem); --text-xs: clamp(0.71rem, calc(0.0016666666666666672 * (100vw - 36rem) + 0.71rem), 0.89rem); --text-s: clamp(1.07rem, calc(0.0024074074074074076 * (100vw - 36rem) + 1.07rem), 1.33rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --text-xl: clamp(3.6rem, calc(0.008333333333333333 * (100vw - 36rem) + 3.6rem), 4.5rem); --text-2xl: clamp(5.4rem, calc(0.012499999999999997 * (100vw - 36rem) + 5.4rem), 6.75rem); --head-7: clamp(0.68rem, calc(0.000277777777777777 * (100vw - 36rem) + 0.68rem), 0.71rem); --head-6: clamp(0.9rem, calc(0.0015740740740740745 * (100vw - 36rem) + 0.9rem), 1.07rem); --head-5: clamp(1.2rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --head-4: clamp(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --head-3: clamp(2.13rem, calc(0.013611111111111114 * (100vw - 36rem) + 2.13rem), 3.6rem); --head-2: clamp(2.84rem, calc(0.02370370370370371 * (100vw - 36rem) + 2.84rem), 5.4rem); --head-1: clamp(3.79rem, calc(0.039907407407407405 * (100vw - 36rem) + 3.79rem), 8.1rem);}.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-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.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-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.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-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.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-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.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-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.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-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.bg-white { background-color: var(--white); }.text-white { color: var(--white); }.border-white { border-color: var(--white); }.bg-text { background-color: var(--text); }.text-text { color: var(--text); }