:root {
    --col-primary-900: #0053CB;
    --col-primary-800: #1565C0;
    --col-primary-800-variant: #1976D2;
    --col-primary-600: #1E88E5;
    --col-primary-500-accent: #2196F3;
    --col-primary-400: #42A5F5;
    --col-primary-300: #64B5F6;
    --col-primary-200: #90CAF9;
    --col-primary-100: #BBDEFB;
    --col-primary-50: #E3F2FD;
    --col-error-dark: #C62828;
    --col-error-light: #E53935;
    --col-error-lightest: #FCE7E7;
    --col-warning-dark: #FFA000;
    --col-warning-light: #FFC107;
    --col-success-dark: #00C853;
    --col-success-light: #00E676;
    --col-black-dark: #212121;
    --col-black-light: #5C5C5C;
    --col-gray-dark: #AEAEAE;
    --col-gray-light: #F1F2F3;
    --col-text-dark: var(--col-black-dark);
    --col-text-light: #4d4d4d;
    --col-icon-black: var(--col-black-dark);
    --col-icon-gray: #757575;
    --col-icon-selected: var(--col-primary-500-accent);
    --col-separator: hsla(0, 0%, 90%, 1);
    --col-bg-lightest: #FBFCFD;
}