:root{
    --blue-dark: #004275;
    --blue: #006cbf;
    --blue-1: #1a86d9;
    --blue-2: #5caae5;
    --blue-3: #a9d3f2;
    --blue-4: #e2effc;

    --brand-dark: #08226f;
    --brand: #08226f;
    --brand-1: #394e8b;
    --brand-2: #aab8db;
    --brand-3: #d3daee;
    --brand-4: #e9edf7;

    --green-dark: #0f5742;
    --green: #1ba27a;
    --green-1: #31ab87;
    --green-2: #5fbda1;
    --green-3: #bae3d7;
    --green-4: #dbf0ea;

    --orange-dark: #86550e;
    --orange: #e99922;
    --orange-1: #edad4e;
    --orange-2: #f1c17a;
    --orange-3: #f6d6a6;
    --orange-4: #fcf4e8;

    --purple-dark: #4c3867;
    --purple: #8764b8;
    --purple-1: #a083c9;
    --purple-2: #b29ad4;
    --purple-3: #d7caea;
    --purple-4: #eee9f7;

    --red-dark: #660000;
    --red: #ff0000;
    --red-1: #ff4c4c;
    --red-2: #ff9999;
    --red-3: #ffcccc;
    --red-4: #ffe5e5;

    --grey-100: #fafafa;
    --grey-200: #e8eaef;
    --grey-300: #d1d4dc;
    --grey-400: #a9acb8;
    --grey-500: #8a8c99;
    --grey-600: #606371;
    --grey-700: #494e5c;
    --grey-800: #30313e;
    --grey-900: #232323;

    --white: #ffffff;

    --color-primary-dark: var(--brand-dark);
    --color-primary: var(--brand);
    --color-primary-1: var(--brand-1);
    --color-primary-2: var(--brand-2);
    --color-primary-3: var(--brand-3);
    --color-primary-4: var(--brand-4);

    --color-success-dark: var(--green-dark);
    --color-success: var(--green);
    --color-success-1: var(--green-1);
    --color-success-2: var(--green-2);
    --color-success-3: var(--green-3);
    --color-success-4: var(--green-4);

    --color-warning-dark: var(--orange-dark);
    --color-warning: var(--orange);
    --color-warning-1: var(--orange-1);
    --color-warning-2: var(--orange-2);
    --color-warning-3: var(--orange-3);
    --color-warning-4: var(--orange-4);

    --color-info-dark: var(--blue-dark);
    --color-info: var(--blue);
    --color-info-1: var(--blue-1);
    --color-info-2: var(--blue-2);
    --color-info-3: var(--blue-3);
    --color-info-4: var(--blue-4);

    --color-danger-dark: var(--red-dark);
    --color-danger: var(--red);
    --color-danger-1: var(--red-1);
    --color-danger-2: var(--red-2);
    --color-danger-3: var(--red-3);
    --color-danger-4: var(--red-4);

    --color-secondary-dark: var(--grey-900);
    --color-secondary: var(--grey-800);
    --color-secondary-1: var(--brand-1);
    --color-secondary-2: var(--brand-2);
    --color-secondary-3: var(--grey-500);
    --color-secondary-4: var(--grey-300);
}