:root {
	--white: white;
	--black: #0b0c0c;
	--black-tint: #212222;
	--dark-blue: #001e82;
	--dark-blue-tint: #0c31ac;
	--dark-blue-shade: #00036f;
	--bright-blue: #00c2de;
	--pale-blue: #e3eef5;
	--cool-grey: #c3cdd4;
	--cool-grey-tint: #e3eef5;
	--cool-grey-shade: #a3adb4;
	--cool-grey-shadier: #6c7b85;
	--light-beige: #ebe9e3;
	--dark-beige: #8c8572;
	--warm-grey: #d1ccbd;
	--warm-grey-tint: #ebe9e3;
	--warm-grey-shade: #8c8572;
	--purple: #3c0032;
	--purple-tint: #610051;
	--dark-green: #144835;
	--dark-green-tint: #1b5f46;
	--bright-green: #78bf26;
	--pale-green: #ddf4d4;
	--pink: #e0177f;
	--yellow: #ffd200;
	--yellow-tint: #ffe259;
	--pale-yellow: #faf1d9;
	--orange: #fc5000;
	--pale-orange: #f4d4d4;
	--input-border-colour: var(--cool-grey-shade);
	--focus-colour-hover: var(--pink);
	--focus-colour: var(--pink);
	--focus-colour-underline: color-mix(in srgb, var(--focus-colour)25%, transparent);
	--focus-background: var(--white);
	--overlay-colour: var(--white);
	--overlay-background: rgba(0, 0, 0, .75);
	--overlay-background-solid: var(--black);
	--label-colour: var(--black);
	--label-background: var(--bright-blue);
	--box-shadow: .25rem .25rem 0 rgba(0, 0, 0, .15);
	--box-shadow-hover: .4rem .4rem .4rem rgba(0, 0, 0, .15)
}

::selection {
	color: var(--white);
	background: var(--pink)
}

* {
	accent-color: var(--pink)
}

:root,
.scheme_alt3,
.scheme_default {
	--colour: var(--black);
	--background: var(--white);
	--link-colour: var(--dark-blue-tint);
	--link-colour-hover: var(--dark-blue);
	--link-underline-colour: color-mix(in srgb, var(--link-colour)25%, transparent);
	--button-colour: var(--white);
	--button-background: var(--dark-blue-tint);
	--button-background-hover: var(--dark-blue);
	--promo-colour: var(--white);
	--promo-link-colour: var(--yellow);
	--promo-background: var(--purple);
	--promo-faint-foreground: var(--pink);
	--promo-faint-background: var(--purple-tint);
	--faint-foreground: var(--dark-beige);
	--faint-background: var(--light-beige);
	--faint-background-active: var(--pale-blue);
	--highlight: var(--pink);
	--highlight-contrast: var(--white);
	--highlight-alt: var(--yellow);
	--highlight-alt-contrast: var(--black);
	--highlight-analogous: var(--pink);
	--circle-icon-colour: var(--background);
	--circle-icon-background: var(--colour);
	--circle-icon-colour-hover: var(--background);
	--circle-icon-background-hover: var(--link-colour-hover)
}

.scheme_alt3 {
	--background: var(--light-beige);
	--input-border-colour: var(--warm-grey-shade);
	--faint-background: var(--white);
	--faint-background-active: var(--white)
}

.scheme_alt1,
.scheme_header,
.scheme_header_alt {
	--colour: var(--white);
	--background: var(--dark-blue);
	--link-colour: var(--yellow);
	--link-colour-hover: var(--yellow);
	--link-underline-colour: color-mix(in srgb, var(--link-colour)50%, transparent);
	--button-colour: var(--black);
	--button-background: var(--yellow);
	--button-background-hover: var(--yellow-tint);
	--input-border-colour: var(--white);
	--promo-colour: var(--black);
	--promo-link-colour: var(--black);
	--promo-background: var(--bright-blue);
	--faint-foreground: var(--bright-blue);
	--faint-background: var(--dark-blue-tint);
	--faint-background-active: var(--dark-blue-shade);
	--highlight: var(--yellow);
	--highlight-contrast: var(--black);
	--highlight-alt: var(--pink);
	--highlight-alt-contrast: var(--white);
	--highlight-analogous: var(--bright-blue)
}

.scheme_header,
.scheme_header_alt {
	--link-colour: var(--white)
}

.scheme_header_alt {
	--background: var(--dark-blue-tint);
	--faint-background: var(--dark-blue);
	--faint-background-active: var(--dark-blue-shade)
}

.scheme_footer,
.scheme_footer_alt,
.scheme_alt5 {
	--colour: var(--white);
	--background: var(--purple);
	--link-colour: var(--yellow);
	--link-colour-hover: var(--yellow);
	--link-underline-colour: color-mix(in srgb, var(--link-colour)25%, transparent);
	--button-colour: var(--black);
	--button-background: var(--yellow);
	--button-background-hover: var(--yellow-tint);
	--input-border-colour: var(--white);
	--faint-foreground: var(--pink);
	--faint-background: var(--purple-tint);
	--highlight: var(--yellow);
	--highlight-contrast: var(--black);
	--highlight-alt: var(--pink);
	--highlight-alt-contrast: var(--white);
	--highlight-analogous: var(--pink);
	--circle-icon-colour: var(--background);
	--circle-icon-background: var(--colour);
	--circle-icon-colour-hover: var(--background);
	--circle-icon-background-hover: var(--link-colour-hover)
}

.scheme_footer {
	--link-colour: var(--white)
}

.scheme_footer_alt {
	--background: var(--purple-tint);
	--faint-background: var(--purple)
}

.scheme_alt2 {
	--colour: var(--white);
	--background: var(--dark-green);
	--link-colour: var(--yellow);
	--link-colour-hover: var(--yellow-tint);
	--link-underline-colour: var(--yellow);
	--button-colour: var(--black);
	--button-background: var(--yellow);
	--button-background-hover: var(--yellow-tint);
	--input-border-colour: var(--white);
	--promo-colour: var(--black);
	--promo-link-colour: var(--black);
	--promo-background: var(--bright-green);
	--faint-foreground: var(--bright-green);
	--faint-background: var(--dark-green-tint);
	--highlight: var(--yellow);
	--highlight-contrast: var(--black);
	--highlight-alt: var(--pink);
	--highlight-alt-contrast: var(--white);
	--highlight-analogous: var(--bright-green)
}

.scheme_alt4,
.scheme_submenu {
	--colour: var(--black);
	--background: var(--yellow);
	--link-colour: var(--black);
	--link-colour-hover: var(--black-tint);
	--link-underline-colour: color-mix(in srgb, var(--link-colour)25%, transparent);
	--button-colour: var(--white);
	--button-background: var(--black);
	--button-background-hover: var(--black-tint);
	--input-border-colour: var(--white);
	--faint-background: var(--white);
	--highlight: var(--black);
	--highlight-contrast: var(--white);
	--highlight-alt: var(--black);
	--highlight-alt-contrast: var(--white);
	--highlight-analogous: var(--black)
}

.scheme_popup {
	--colour: var(--black);
	--background: var(--bright-blue);
	--link-colour: var(--black);
	--link-colour-hover: var(--black-tint);
	--link-underline-colour: color-mix(in srgb, var(--link-colour)25%, transparent);
	--button-colour: var(--white);
	--button-background: var(--black);
	--button-background-hover: var(--black-tint)
}

.scheme_info,
.c-alert--info {
	--faint-background: var(--pale-blue);
	--faint-foreground: var(--dark-blue)
}

.scheme_success,
.c-alert--success {
	--faint-background: var(--pale-green);
	--faint-foreground: var(--bright-green)
}

.scheme_warning,
.c-alert--warning {
	--faint-background: var(--pale-yellow);
	--faint-foreground: var(--yellow)
}

.scheme_danger,
.scheme_error,
.c-alert--danger {
	--faint-background: var(--pale-orange);
	--faint-foreground: var(--orange)
}