:root { --color-grey-100: #FDFDFC; --color-grey-200: #F9F9F8; --color-grey-300: #F1F0EF; --color-grey-400: #E9E8E6; --color-grey-500: #E2E1DE; --color-grey-600: #DAD9D6; --color-grey-700: #CFCECA; --color-grey-800: #BCBBB5; --color-grey-900: #8D8D86; --color-grey-1000: #82827C; --color-grey-1100: #63635E; --color-grey-1200: #21201C; --white: #fff; --black: #000; --deep-amber: hsl(44, 92%, 5%); --washi: #F5F0E8; --golden: #BB7B46; --sand: #82827C; --umi: #021722; --space-2xs: clamp(0.5rem, calc(0 * (100vw - 22.5rem) + 0.5rem), 0.5rem); --space-xs: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --space-s: clamp(1.75rem, calc(0 * (100vw - 22.5rem) + 1.75rem), 1.75rem); --space-m: clamp(3.75rem, calc(0 * (100vw - 22.5rem) + 3.75rem), 3.75rem); --space-l: clamp(5.63rem, calc(0 * (100vw - 22.5rem) + 5.63rem), 5.63rem); --space-xl: clamp(8.75rem, calc(0 * (100vw - 22.5rem) + 8.75rem), 8.75rem); --space-2xl: clamp(15rem, calc(0 * (100vw - 22.5rem) + 15rem), 15rem); --space-3xl: clamp(22.5rem, calc(0 * (100vw - 22.5rem) + 22.5rem), 22.5rem); --text-xs: clamp(0.69rem, calc(0 * (100vw - 22.5rem) + 0.69rem), 0.69rem); --text-s: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --text-l: clamp(1.13rem, calc(0 * (100vw - 22.5rem) + 1.13rem), 1.13rem); --text-m-serif: 21px; --text-xl: clamp(3.44rem, calc(0 * (100vw - 22.5rem) + 3.44rem), 3.44rem); --text-2xl: clamp(7.5rem, calc(0 * (100vw - 22.5rem) + 7.5rem), 7.5rem);}