:root { --bricks-color-lime: #cddc39; --primary: hsl(0 0% 0%); --bg-body: hsl(0, 0%, 100%); --primary-t-1: hsla(0, 0%, 91%, 0.09); --primary-t-2: hsla(0, 0%, 82%, 0.18); --primary-t-3: hsla(0, 0%, 73%, 0.27); --primary-t-4: hsla(0, 0%, 64%, 0.36); --primary-t-5: hsla(0, 0%, 55%, 0.45); --primary-t-6: hsla(0, 0%, 45%, 0.55); --primary-t-7: hsla(0, 0%, 36%, 0.64); --primary-t-8: hsla(0, 0%, 27%, 0.73); --primary-t-9: hsla(0, 0%, 18%, 0.82); --primary-t-10: hsla(0, 0%, 9%, 0.91); --bg-body-t-1: hsla(0, 0%, 100%, 0.09); --bg-body-t-2: hsla(0, 0%, 100%, 0.18); --bg-body-t-3: hsla(0, 0%, 100%, 0.27); --bg-body-t-4: hsla(0, 0%, 100%, 0.36); --bg-body-t-5: hsla(0, 0%, 100%, 0.45); --bg-body-t-6: hsla(0, 0%, 100%, 0.55); --bg-body-t-7: hsla(0, 0%, 100%, 0.64); --bg-body-t-8: hsla(0, 0%, 100%, 0.73); --bg-body-t-9: hsla(0, 0%, 100%, 0.82); --bg-body-t-10: hsla(0, 0%, 100%, 0.91); --bg-surface: hsl(0, 0%, 96%); --bg-elevated: hsl(0, 0%, 92%); --bg-card: hsl(0, 0%, 98%); --text-primary: hsl(0, 0%, 0%); --text-secondary: hsl(0, 0%, 33%); --text-muted: hsl(0, 0%, 60%); --text-inverse: hsl(0, 0%, 100%); --accent: hsl(75, 100%, 50%); --accent-hover: hsl(75, 100%, 65%); --accent-light: hsl(2, 100%, 68%); --accent-light-hover: hsl(3, 63%, 54%); --border: hsla(0, 0%, 0%, 0.10); --border-strong: hsla(0, 0%, 0%, 0.20); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --text-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --text-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem);}