:root {
    /* Brand Colors */
    --color-brand-blue: #599edf;
    --color-brand-darkblue: #4a4df1;
    --color-brand-darkblue2: #001CD0;
    --color-brand-darkblue-hover: #2c2e9d;
    --color-brand-cyan: #46d8db;

    /* neutral colors */
    --color-text-primary: #2c2c2c;
    --color-gray: #cacaca;
    --color-gray-light: #f5f5f5;
    --color-white: #fff;

    /* semantic colors */
    --color-error-red: #c21212;

    /* sizes */
    --font-size-text: 24px;
    --line-height-text: 1.41;
    --line-height-heading: 1.27;
}

@media (max-width: 1500px) {
    :root {
        /* sizes */
        --font-size-text: 18px;
    }
}

@media (max-width: 600px) {
    :root {
        /* sizes */
        --font-size-text: 16px;
    }
}