:root {
    --s10: 0.625rem;
    --s11: 0.6875rem;
    --s12: 0.75rem;
    --s13: 0.8125rem;
    --s14: 0.875rem;
    --s15: 0.9375rem;
    --s16: 1rem;
    --s17: 1.0625rem;
    --s18: 1.125rem;
    --s19: 1.1875rem;
    --s20: 1.25rem;
    --s21: 1.3125rem;
    --s22: 1.375rem;
    --s23: 1.4375rem;
    --s24: 1.5rem;
    --s28: 1.75rem;
    --s32: 2rem;
    --s36: 2.25rem;
    --s40: 2.5rem;
    --s44: 2.75rem;
    --s48: 3rem;
}


:root {
    --cl-blue-teal: #1888B8;
    --cl-midnight-blue: #194a79;
    --cl-pearl-light-grey: #999999;
    --cl-platinum:#EAEAEA;
    --cl-gray: #808080;
    --cl-black: #000000;
    --cl-dark-greenish: #333333;
    --cl-granite-grey: #30323A;
    --cl-smoky-white: #F6F6F6;
    --cl-greenish-wet-asphalt: #545454;
}

:root{
    --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}