:root {
    --grey-900: #111111;
    --grey-800: #4C4C4C;
    --grey-700: #777777;
    --grey-500: #ADADAD;
    --grey-400: #DDDDDD;
    --grey-300: #E9E9E9;
    --grey-200: #EFEFEF;
    --grey-100: #F7F7F7;
    --grey-0:   #FFFFFF;

    --black: var(--grey-900);
    --white: var(--grey-0);

    --brand-dark: #143874;
    --brand-dark-2: #0C121E;
    --brand-light: #27ACE3;

    --ci-dark-gradient: linear-gradient(var(--brand-dark-2), var(--brand-dark));
    --ci-dark: var(--brand-dark);
    --ci-light: var(--brand-light);

    --accent-pos-dark: #3DD676;
    --accent-pos-light: #F0FDF4;
    --accent-neg-dark: #ED4F9D;
    --accent-neg-light: #FDF2F8;

    --accent-error: #DC2626;
    --accent-error-bg: #FEE2E2;
    --accent-error-border: #FECACA;

    --accent-success: #059669;
    --accent-success-bg: #D1FAE5;
    --accent-success-border: #A7F3D0;

    --accent-warning: #F59E0B;
    --accent-warning-bg: #FEF3C7;
    --accent-warning-border: #FDE68A;

    --accent-info: #0369A1;
    --accent-info-bg: #E0F2FE;
    --accent-info-border: #7DD3FC;
}