: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);
}