:root {
    /* --------  */
    --border-radius: 18px;
    /* -------- General Colors */
    --black: #151515;
    --grey-light: #F9F9F9;
    --grey-mid: #C8C8C8;
    --grey-dark: #9b9b9b;
    /* -------- Default Colors */
    --green: #00a272;
    --green-dark: #008c62;
    --green-superdark: #004732;
    --mint: #b9ffda;
    --mint-dark: #8becb7;
    --mint-superdark: #126939;
    --mint-rgb: 185, 255, 218;
    /* -------- Theme Colours */
    /* Blue */
    --blue: #88d1e7;
    --blue-dark: #5ab5d2;
    --blue-superdark: #1f1d4d;
    --blue-light: #a8e0f0;
    /* Pink */
    --pink: #f7bcec;
    --pink-dark: #e38fd4;
    --pink-superdark: #6b225c;
    --pink-light: #fdd0f4;
    /* Orange */
    --orange: #ffc15e;
    --orange-dark: #e8992e;
    --orange-superdark: #6a2400;
    --orange-light: #ffd38e;
    /* Purple */
    --purple: #ddcbff;
    --purple-dark: #b69fe5;
    --purple-superdark: #2e1165;
    --purple-light: #e8dbff;
    /* Red */
    --red: #ffb3b3;
    --red-dark: #f58585;
    --red-superdark: #5d0f0f;
    --red-light: #ffc5c5;
    /* Teal */
    --teal: #7FDBD2;
    --teal-dark: #55D0C5;
    --teal-superdark: #0F5E56;
    --teal-light: #C4F2EE;
    /* Turquoise */
    --turquoise: #4BD2B7;
    --turquoise-dark: #31C4A6;
    --turquoise-superdark: #186253;
    --turquoise-light: #ADEBDF;
    /* Mauve */
    --mauve: #EAC4F6;
    --mauve-dark: #C990DB;
    --mauve-superdark: #5B296A;
    --mauve-light: #F4DEFB;
}

/*#region -- Themes */

/* Please look at Kit.Names.SectionThemes */

:root,
.theme-default {
    --theme-color: var(--green);
    --theme-color-alt: var(--mint-dark);
    --theme-color-dark: var(--green-dark);
    --theme-color-superdark: var(--green-superdark);
    --theme-color-light: var(--mint);
    --theme-form-color: var(--mint-dark);
    --theme-form-color-dark: var(--green-superdark);
    --theme-lower-curve: url(../png/lower-mint.png);
    --theme-banner: url(../jpg/professionals-bg.jpg);
    --theme-bannertitle-notice: var(--mint);
    --theme-notice-bg: var(--green);
    --theme-button-color: #fff;
}

.theme-patients,
.theme-Patients {
    --theme-color: var(--pink);
    --theme-color-alt: var(--pink);
    --theme-color-dark: var(--pink-dark);
    --theme-color-superdark: var(--pink-superdark);
    --theme-color-light: var(--pink-light);
    --theme-form-color: var(--pink);
    --theme-form-color-dark: var(--pink-superdark);
    --theme-lower-curve: url(../png/lower-pink.png);
    --theme-banner: url(../jpg/patients-bg-2.jpg);
    --theme-bannertitle-notice: var(--pink);
    --theme-notice-bg: var(--pink);
    --theme-button-color: var(--black);
}

.theme-trainees,
.theme-Trainees {
    --theme-color: var(--blue);
    --theme-color-alt: var(--blue);
    --theme-color-dark: var(--blue-dark);
    --theme-color-superdark: var(--blue-superdark);
    --theme-color-light: var(--blue-light);
    --theme-form-color: var(--blue);
    --theme-form-color-dark: var(--blue-dark);
    --theme-lower-curve: url(../png/lower-blue.png);
    --theme-banner: url(../jpg/trainees-bg.jpg);
    --theme-bannertitle-notice: var(--blue);
    --theme-notice-bg: var(--blue);
    --theme-button-color: var(--black);
}

.theme-event,
.theme-Event,
.theme-events,
.theme-Events {
    --theme-color: var(--purple);
    --theme-color-alt: var(--purple);
    --theme-color-dark: var(--purple-dark);
    --theme-color-superdark: var(--purple-superdark);
    --theme-color-light: var(--purple-light);
    --theme-form-color: var(--purple);
    --theme-form-color-dark: var(--purple-dark);
    --theme-lower-curve: url(../png/lower-purple.png);
    --theme-banner: url(../jpg/trainees-bg.jpg);
    --theme-rgb: 219, 204, 249;
    --theme-bannertitle-notice: var(--purple);
    --theme-notice-bg: var(--purple);
    --theme-button-color: var(--black);
}

.theme-news,
.theme-News {
    --theme-color: var(--orange);
    --theme-color-alt: var(--orange);
    --theme-color-dark: var(--orange-dark);
    --theme-color-superdark: var(--orange-superdark);
    --theme-color-light: var(--orange-light);
    --theme-form-color: var(--orange);
    --theme-form-color-dark: var(--orange-dark);
    --theme-lower-curve: url(../png/lower-orange.png);
    --theme-banner: url(../jpg/trainees-bg.jpg);
    --theme-bannertitle-notice: var(--orange);
    --theme-notice-bg: var(--orange);
    --theme-button-color: var(--black);
}

.theme-newsletter,
.theme-Newsletter {
    --theme-color: var(--turquoise);
    --theme-color-alt: var(--turquoise);
    --theme-color-dark: var(--turquoise-dark);
    --theme-color-superdark: var(--turquoise-superdark);
    --theme-color-light: var(--turquoise-light);
    --theme-form-color: var(--turquoise);
    --theme-form-color-dark: var(--turquoise-dark);
    --theme-lower-curve: url(../lower-turquoise.html);
    --theme-banner: url(../jpg/trainees-bg.jpg);
    --theme-bannertitle-notice: var(--turquoise);
    --theme-notice-bg: var(--turquoise);
    --theme-button-color: var(--black);
}

.theme-museum,
.theme-Museum {
    --theme-color: var(--red);
    --theme-color-alt: var(--red);
    --theme-color-dark: var(--red-dark);
    --theme-color-superdark: var(--red-superdark);
    --theme-color-light: var(--red-light);
    --theme-form-color: var(--red);
    --theme-form-color-dark: var(--red-dark);
    --theme-lower-curve: url(../png/lower-red.png);
    --theme-banner: url(../jpg/museum-bg.jpg);
    --theme-bannertitle-notice: var(--red);
    --theme-notice-bg: var(--red);
    --theme-button-color: var(--black);
}

.theme-regions,
.theme-Regions {
    --theme-color: var(--mauve);
    --theme-color-alt: var(--mauve);
    --theme-color-dark: var(--mauve-dark);
    --theme-color-superdark: var(--mauve-superdark);
    --theme-color-light: var(--mauve-light);
    --theme-form-color: var(--mauve);
    --theme-form-color-dark: var(--mauve-dark);
    --theme-lower-curve: url(../lower-mauve.html);
    --theme-banner: url(../jpg/trainees-bg.jpg);
    --theme-bannertitle-notice: var(--mauve);
    --theme-notice-bg: var(--mauve);
    --theme-button-color: var(--black);
}
.theme-sections,
.theme-Sections {
    --theme-color: var(--teal);
    --theme-color-alt: var(--teal);
    --theme-color-dark: var(--teal-dark);
    --theme-color-superdark: var(--teal-superdark);
    --theme-color-light: var(--teal-light);
    --theme-form-color: var(--teal);
    --theme-form-color-dark: var(--teal-dark);
    --theme-lower-curve: url(../lower-teal.html);
    --theme-banner: url(../jpg/trainees-bg.jpg);
    --theme-bannertitle-notice: var(--teal);
    --theme-notice-bg: var(--teal);
    --theme-button-color: var(--black);
}

/*#endregion*/