:root {
    --white: #ffffff;
    --black: #000000;

    /* Color Steps */
    --color-step-0: #fbfbfb;
    --color-step-50: #ececec;
    --color-step-100: #dfdfdf;
    --color-step-150: #d3d3d3;
    --color-step-200: #c6c6c6;
    --color-step-250: #bababa;
    --color-step-300: #aeaeae;
    --color-step-350: #a1a1a1;
    --color-step-400: #959595;
    --color-step-450: #888888;
    --color-step-500: #7c7c7c;
    --color-step-550: #707070;
    --color-step-600: #636363;
    --color-step-650: #575757;
    --color-step-700: #4a4a4a;
    --color-step-750: #3e3e3e;
    --color-step-800: #323232;
    --color-step-850: #252525;
    --color-step-900: #191919;
    --color-step-950: #0c0c0c;

    --color-primary: #900000;
    --color-primary-rgb: 144, 0, 0;
    --color-primary-contrast: #ffffff;
    --color-primary-contrast-rgb: 255, 255, 255;
    --color-primary-shade: #800000;
    --color-primary-tint: #b00000;

    --color-secondary: #46b1ff;
    --color-secondary-rgb: 70, 177, 255;
    --color-secondary-contrast: #000000;
    --color-secondary-contrast-rgb: 0, 0, 0;
    --color-secondary-shade: #3e9ce0;
    --color-secondary-tint: #59b9ff;

    --color-tertiary: #8482fb;
    --color-tertiary-rgb: 132, 130, 251;
    --color-tertiary-contrast: #000000;
    --color-tertiary-contrast-rgb: 0, 0, 0;
    --color-tertiary-shade: #7472dd;
    --color-tertiary-tint: #908ffb;

    --color-success: #2dd55b;
    --color-success-rgb: 45, 213, 91;
    --color-success-contrast: #000000;
    --color-success-contrast-rgb: 0, 0, 0;
    --color-success-shade: #28bb50;
    --color-success-tint: #42d96b;

    --color-warning: #ffce31;
    --color-warning-rgb: 255, 206, 49;
    --color-warning-contrast: #000000;
    --color-warning-contrast-rgb: 0, 0, 0;
    --color-warning-shade: #e0b52b;
    --color-warning-tint: #ffd346;

    --color-danger: #f24c58;
    --color-danger-rgb: 242, 76, 88;
    --color-danger-contrast: #000000;
    --color-danger-contrast-rgb: 0, 0, 0;
    --color-danger-shade: #d5434d;
    --color-danger-tint: #f35e69;

    --color-light: #f4f5f8;
    --color-light-rgb: 244, 245, 248;
    --color-light-contrast: #000000;
    --color-light-contrast-rgb: 0, 0, 0;
    --color-light-shade: #d7d8da;
    --color-light-tint: #f5f6f9;

    --color-medium: #989aa2;
    --color-medium-rgb: 152, 154, 162;
    --color-medium-contrast: #000000;
    --color-medium-contrast-rgb: 0, 0, 0;
    --color-medium-shade: #86888f;
    --color-medium-tint: #a2a4ab;

    --color-dark: #222428;
    --color-dark-rgb: 34, 36, 40;
    --color-dark-contrast: #ffffff;
    --color-dark-contrast-rgb: 255, 255, 255;
    --color-dark-shade: #1e2023;
    --color-dark-tint: #383a3e;

}