:root{
    --blue: #0081d5;
    --light-blue: #1e90da;
    --dark-blue: #006cb0;
    --lighter-blue: #b4e1fa;
    --white: #fff;
    --lightest-grey: #fafbfc;
    --lighter-grey: #ebeff3;
    --light-grey: #c9d3df;
    --grey: #adb9c9;
    --dark-grey: #8393a7;
    --darker-grey: #53657d;
    --almost-black: #26353f;
    --black: #1c1c1c;
    --green: #03bd5b;
    --light-green: #daf5e7;
    --orange: #ff9947;
    --light-orange: #fff0e4;
    --red: #d1335b;
    --dark-red: #a13030;
    --light-red: #f8e1e7;

    --theme-primary: var(--blue);
    --theme-primary-light: var(--light-blue);
    --theme-primary-dark: var(--dark-blue);
    --theme-secondary: var(--blue);
    --theme-secondary-darken: var(--dark-blue);
    --theme-border: var(--grey);
    --theme-border-lighter: var(--light-grey);
    --theme-border-active: var(--light-blue);
    --theme-border-radius: 3px;
    --theme-background-white: var(--white);
    --theme-background-grey: var(--lighter-grey);
    --theme-background-color: var(--blue);
    --theme-background-dark: var(--black);
    --theme-box-shadow: var(--light-grey);
    --theme-label-text: var(--dark-grey);
    --theme-dark-text: var(--almost-black);
    --theme-success-border: var(--green);
    --theme-success-bg: var(--light-green);
    --theme-warning-border: var(--orange);
    --theme-warning-bg: var(--light-orange);
    --theme-error-border: var(--red);
    --theme-error-bg: var(--light-red);
    --theme-info-border: var(--blue);
    --theme-info-bg: var(--lighter-blue);
}