:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --bka-pink: #f12f7d; --bka-purple: #a02ff0; --bka-lime: #7eef2f; --bka-blue: #307def; --bka-chalk: #f7fee7; --bka-black: #09090b; --bka-green-grey: #2b2e29; --bka-black-t-1: hsla(240, 10%, 4%, 0.17); --bka-black-t-2: hsla(240, 10%, 4%, 0.33); --bka-black-t-3: hsla(240, 10%, 4%, 0.5); --bka-black-t-4: hsla(240, 10%, 4%, 0.67); --bka-black-t-5: hsla(240, 10%, 4%, 0.83); --bka-pink-l-1: #f674a8; --bka-pink-l-2: #fabad4; --bka-pink-d-1: #a11f53; --bka-pink-d-2: #50102a; --bka-purple-l-1: #c074f5; --bka-purple-l-2: #dfbafa; --bka-purple-d-1: #6b1fa0; --bka-purple-d-2: #351050; --bka-lime-l-1: #a9f474; --bka-lime-l-2: #d4faba; --bka-lime-d-1: #549f1f; --bka-lime-d-2: #2a5010; --bka-lime-t-1: hsla(95, 86%, 56%, 0.25); --bka-lime-t-2: hsla(95, 86%, 56%, 0.5); --bka-lime-t-3: hsla(95, 86%, 56%, 0.75); --bka-purple-t-1: hsla(275, 87%, 56%, 0.25); --bka-purple-t-2: hsla(275, 87%, 56%, 0.5); --bka-purple-t-3: hsla(275, 87%, 56%, 0.75); --bka-pink-t-1: hsla(336, 87%, 56%, 0.25); --bka-pink-t-2: hsla(336, 87%, 56%, 0.5); --bka-pink-t-3: hsla(336, 87%, 56%, 0.75); --bka-blue-l-1: #75a8f4; --bka-blue-l-2: #bad4fa; --bka-blue-d-1: #20539f; --bka-blue-d-2: #102a50; --bka-blue-t-1: hsla(216, 86%, 56%, 0.25); --bka-blue-t-2: hsla(216, 86%, 56%, 0.5); --bka-blue-t-3: hsla(216, 86%, 56%, 0.75); --bka-chalk-t-1: hsla(78, 92%, 95%, 0.25); --bka-chalk-t-2: hsla(78, 92%, 95%, 0.5); --bka-chalk-t-3: hsla(78, 92%, 95%, 0.75); --bka-green-grey-t-1: hsla(96, 6%, 17%, 0.25); --bka-green-grey-t-2: hsla(96, 6%, 17%, 0.5); --bka-green-grey-t-3: hsla(96, 6%, 17%, 0.75); --text-2xs: clamp(0.3rem, calc(0.000717948717948718 * (100vw - 22.5rem) + 0.3rem), 0.37rem); --text-xs: clamp(0.44rem, calc(0.0012307692307692312 * (100vw - 22.5rem) + 0.44rem), 0.56rem); --text-s: clamp(0.67rem, calc(0.0016410256410256403 * (100vw - 22.5rem) + 0.67rem), 0.83rem); --text-m: clamp(1rem, calc(0.002564102564102564 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.5rem, calc(0.0038974358974358963 * (100vw - 22.5rem) + 1.5rem), 1.88rem); --text-xl: clamp(2.25rem, calc(0.005743589743589744 * (100vw - 22.5rem) + 2.25rem), 2.81rem); --text-2xl: clamp(3.38rem, calc(0.008615384615384613 * (100vw - 22.5rem) + 3.38rem), 4.22rem); --space-2xs: clamp(0.44rem, calc(0 * (100vw - 22.5rem) + 0.44rem), 0.44rem); --space-xs: clamp(0.67rem, calc(0 * (100vw - 22.5rem) + 0.67rem), 0.67rem); --space-s: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --space-m: clamp(1.5rem, calc(0 * (100vw - 22.5rem) + 1.5rem), 1.5rem); --space-l: clamp(2.25rem, calc(0 * (100vw - 22.5rem) + 2.25rem), 2.25rem); --space-xl: clamp(3.38rem, calc(0 * (100vw - 22.5rem) + 3.38rem), 3.38rem); --space-2xl: clamp(5.06rem, calc(0 * (100vw - 22.5rem) + 5.06rem), 5.06rem);}