:root {
    --main: #6E83FF;
    --main-hover: #8798f7;
    --main-secondary: #FFCC33;
    --main-secondary-hover: #ffda6a;

    --light-font: #000;
    --dark-font: #fff;

    --white: rgb(250, 250, 250);
    --black: rgb(5, 5, 5);

    --grey: #E0E0E0;
    --grey-background: #F5F5F5;
    --grey-medium: #8F8F8F;
    --grey-medium-hover: #aeaeae;
    --grey-medium-darker: #6b6b6b;
    --grey-medium-darker-hover: #7c7c7c;
    --grey-dark: #353535;

    --error: #aa0123;
    --error-hover: #da002c;
    --error-subtle: #bf3030;
    --error-subtle-2: #a21c1c;

    --warning: #e88300;
    --warning-hover: #f7a02f;
    --warning-subtle: #d18931;
    --warning-subtle-2: rgb(164, 105, 9);

    --success: #009c08;
    --success-hover: #17c120;
    --success-subtle: #239329;
    --success-subtle-2: #0b8011;

    --golden: #FFCC33;
}