:root { --primary-gray: #b0afaf; --primary-red: #8B1934; --primary-black: #000000; --accent-red-wine: #580e1c; --accent-sunrise: #d6afb8; --accent-cloud: #e7e7e7; --accent-wolkenlos: #86a5b9; --light: #ffffff; --dark: #000000; --success-bg: #cae6c3; --success: #23311D; --warning-bg: #edcfa6; --warning: #402500; --info-bg: #86a5b9; --info: #04121b; --error-bg: #e1afbb; --error: #580e1c; --primary-red-t-1: hsla(346, 70%, 32%, 0); --primary-red-t-2: hsla(346, 70%, 32%, 0.5); --primary-red-l-1: #a13e56; --primary-red-l-2: #b66478; --primary-red-l-3: #cc8999; --primary-red-l-4: #e1afbb; --primary-red-l-5: #f7d4dd; --primary-red-d-1: #6f142a; --primary-red-d-2: #530f1f; --primary-red-d-3: #380a15; --primary-red-d-4: #1c050a; --primary-gray-l-1: #efefef; --primary-gray-l-2: #dfdfdf; --primary-gray-l-3: #d0cfcf; --primary-gray-l-4: #c0bfbf; --primary-gray-d-1: #929191; --primary-gray-d-2: #757474; --primary-gray-d-3: #575656; --primary-gray-d-4: #3a3939; --primary-gray-d-5: #1c1b1b; --primary-black-t-1: hsla(0, 0%, 0%, 0.05); --primary-black-t-2: hsla(0, 0%, 0%, 0.18); --primary-black-t-3: hsla(0, 0%, 0%, 0.27); --primary-black-t-4: hsla(0, 0%, 0%, 0.36); --primary-black-t-5: hsla(0, 0%, 0%, 0.45); --primary-black-t-6: hsla(0, 0%, 0%, 0.55); --primary-black-t-7: hsla(0, 0%, 0%, 0.64); --primary-black-t-8: hsla(0, 0%, 0%, 0.73); --primary-black-t-9: hsla(0, 0%, 0%, 0.82); --primary-black-t-10: hsla(0, 0%, 0%, 0.91); --space-2xs: clamp(0.13rem, calc(0 * (100vw - 22.5rem) + 0.13rem), 0.13rem); --space-xs: clamp(0.25rem, calc(0 * (100vw - 22.5rem) + 0.25rem), 0.25rem); --space-s: clamp(0.5rem, calc(0 * (100vw - 22.5rem) + 0.5rem), 0.5rem); --space-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --space-l: clamp(2rem, calc(0 * (100vw - 22.5rem) + 2rem), 2rem); --space-xl: clamp(4rem, calc(0 * (100vw - 22.5rem) + 4rem), 4rem); --space-2xl: clamp(8rem, calc(0 * (100vw - 22.5rem) + 8rem), 8rem); --text-xs: clamp(0.64rem, calc(0 * (100vw - 22.5rem) + 0.64rem), 0.64rem); --text-s: clamp(0.8rem, calc(0 * (100vw - 22.5rem) + 0.8rem), 0.8rem); --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --text-l: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --text-xl: clamp(1.56rem, calc(0 * (100vw - 22.5rem) + 1.56rem), 1.56rem); --text-2xl: clamp(1.95rem, calc(0 * (100vw - 22.5rem) + 1.95rem), 1.95rem); --text-3xl: clamp(2.44rem, calc(0 * (100vw - 22.5rem) + 2.44rem), 2.44rem); --text-4xl: clamp(3.05rem, calc(0 * (100vw - 22.5rem) + 3.05rem), 3.05rem);}.border-primary-red { border-color: var(--primary-red); }.border-primary-red-t-1 { border-color: var(--primary-red-t-1); }.border-primary-red-t-2 { border-color: var(--primary-red-t-2); }.border-primary-red-l-1 { border-color: var(--primary-red-l-1); }.border-primary-red-l-2 { border-color: var(--primary-red-l-2); }.border-primary-red-l-3 { border-color: var(--primary-red-l-3); }.border-primary-red-l-4 { border-color: var(--primary-red-l-4); }.border-primary-red-l-5 { border-color: var(--primary-red-l-5); }.border-primary-red-d-1 { border-color: var(--primary-red-d-1); }.border-primary-red-d-2 { border-color: var(--primary-red-d-2); }.border-primary-red-d-3 { border-color: var(--primary-red-d-3); }.border-primary-red-d-4 { border-color: var(--primary-red-d-4); }.outline-primary-red { outline-color: var(--primary-red); }.outline-primary-red-t-1 { outline-color: var(--primary-red-t-1); }.outline-primary-red-t-2 { outline-color: var(--primary-red-t-2); }.outline-primary-red-l-1 { outline-color: var(--primary-red-l-1); }.outline-primary-red-l-2 { outline-color: var(--primary-red-l-2); }.outline-primary-red-l-3 { outline-color: var(--primary-red-l-3); }.outline-primary-red-l-4 { outline-color: var(--primary-red-l-4); }.outline-primary-red-l-5 { outline-color: var(--primary-red-l-5); }.outline-primary-red-d-1 { outline-color: var(--primary-red-d-1); }.outline-primary-red-d-2 { outline-color: var(--primary-red-d-2); }.outline-primary-red-d-3 { outline-color: var(--primary-red-d-3); }.outline-primary-red-d-4 { outline-color: var(--primary-red-d-4); }.stroke-primary-red { stroke: var(--primary-red); }.stroke-primary-red-t-1 { stroke: var(--primary-red-t-1); }.stroke-primary-red-t-2 { stroke: var(--primary-red-t-2); }.stroke-primary-red-l-1 { stroke: var(--primary-red-l-1); }.stroke-primary-red-l-2 { stroke: var(--primary-red-l-2); }.stroke-primary-red-l-3 { stroke: var(--primary-red-l-3); }.stroke-primary-red-l-4 { stroke: var(--primary-red-l-4); }.stroke-primary-red-l-5 { stroke: var(--primary-red-l-5); }.stroke-primary-red-d-1 { stroke: var(--primary-red-d-1); }.stroke-primary-red-d-2 { stroke: var(--primary-red-d-2); }.stroke-primary-red-d-3 { stroke: var(--primary-red-d-3); }.stroke-primary-red-d-4 { stroke: var(--primary-red-d-4); }.outline-accent-red-wine { outline-color: var(--accent-red-wine); }.stroke-accent-red-wine { stroke: var(--accent-red-wine); }.border-accent-red-wine { border-color: var(--accent-red-wine); }