:root { --bricks-color-grey-100: #f5f5f5; --ensisijainen: #D4FD00; --toisisijainen: #E51BD0; --teksti: #00C5C5; --korostus: #8D00FF; --tausta: #0F011A; --fluid-p: clamp(1rem, 0.93rem + 0.23vw, 1.25rem); --valikko: clamp(0.675rem, 0.84rem + 0.14vw, 1rem); --kuvatekstit: clamp(0.65rem, 0.84rem + 0.14vw, 0.7rem); --text-body: clamp(1rem, 0.95rem + 0.19vw, 1.8rem); --painike: clamp(0.875rem, 0.7821rem + 0.381vw, 1rem); --text-2xs: clamp(0.5rem, calc(-0.0005925925925925923 * (100vw - 22.5rem) + 0.5rem), 0.46rem); --text-xs: clamp(0.67rem, calc(-0.00014814814814814828 * (100vw - 22.5rem) + 0.67rem), 0.66rem); --text-s: clamp(1rem, calc(0.002314815 * (100vw - 22.5rem) + 1rem), 1.15625rem); --text-m: clamp(1.125rem, calc(0.00277778 * (100vw - 22.5rem) + 1.125rem), 1.3125rem); --text-l: clamp(1.46rem, calc(1.33rem + 0.578vw), 1.85rem); --text-xl: clamp(1.99rem, calc(0.009333333333333336 * (100vw - 22.5rem) + 1.99rem), 2.62rem); --text-2xl: clamp(2.5rem, calc(1.8333rem + 2.963vw), 4rem); --text-sek: clamp(1.375rem, calc(0.0037037 * (100vw - 22.5rem) + 1.375rem), 1.625rem); --text-button: clamp(0.89rem, calc(0.003407407407407409 * (100vw - 22.5rem) + 0.89rem), 1.12rem);}