body {
	/* Tailwind overrides (OLD) */
	/* theme colors */
	--theme-color-white: #ffffff;
	--theme-color-mint: #02b5c9;
	--theme-color-light-gray: #afafaf;
	--theme-color-lime: #79d846;
	--theme-color-black: #000000;
	--theme-color-dark-gray: #3c3c3c;

	/* colors */
	--text-primary: var(--theme-color-white);
	--text-primary-accent: var(--theme-color-mint);
	--text-inverted: var(--theme-color-white);
	--text-secondary: var(--theme-color-light-gray);
	--text-accent: var(--theme-color-mint);
	--text-accent-mint: var(--theme-color-lime);
	--surface-primary: var(--theme-color-black);
	--surface-primary-accent: var(--theme-color-mint);
	--surface-white: var(--theme-color-white);
	--surface-accent: var(--theme-color-mint);
	--surface-secondary: var(--theme-color-mint);
	--surface-black-white: var(--theme-color-white);
	--button-black-white: var(--theme-color-white);
	--button-black-white-text: var(--theme-color-black);
	--border-gray: var(--theme-color-dark-gray);
	--border-light-gray: var(--theme-color-dark-gray);
	--border-lighter-gray: var(--theme-color-dark-gray);

	--main-background: #000000;
	--surface-accent: #02b5c9;
	--text-primary: #ffffff;
	--text-secondary: #afafaf;
	--gray: #afafaf;
	--light-element: #d9d9d9;
	--inactive-element: #3c3c3c;

	--color-accent: #f44447;
	--color-secondary: #67686c;
	--color-light: #afafaf;
	--color-lighter: #d9d9d9;
	--color-inactive: #3c3c3c;

	--disabled-bg: #f7f7f7;
	--disabled-text: #67686c;
}

.text-black {
	color: white;
}

.header-logo-container {
	align-items: center;
	gap: 16px;
}

.header-logo-image {
	align-self: initial;
	width: initial;
}

.header-logo-text {
	margin: 0;
}

/* Webpack overrides (NEW) */
:root {
	--txt-primary: #fff;
	--txt-primary-accent: #02b5c9;
	--txt-inverted: #ffffff;
	--txt-secondary: #afafaf;
	--txt-accent: #02b5c9;
	--txt-accent-paleblue: #02b5c9;
	--txt-accent-error: #f44447;
	--txt-accent-mint: #79d846;

	--surf-primary: #000;
	--surf-primary-accent: #02b5c9;
	--surf-white: #fff;
	--surf-accent: #02b5c9;
	--surf-accent-paleblue: #02b5c9;
	--surf-secondary: #02b5c9;

	--btn-black-white: #fff;
	--btn-black-white-text: #000;

	--bord-grey: #3c3c3c;
	--bord-light-grey: #3c3c3c;
	--lightest-grey: #3c3c3c;

	--modal-btn-bg: #02b5c9;

	/* Old */
	--border-light: #3c3c3c;
}

/*                  */
/* THEME OVERWRITES */
/*                  */

/* Header Navigation */
.header__menu-button--alt .header__menu-button-inner .hamburger path,
.header__usermenu-button--alt .header__usermenu-icon .hamburger path {
	stroke: var(--txt-primary);
}

.nav__link--btn {
	color: #fff;
}

/* Hero */
.hero--landing .hero__cta {
	color: #fff;
	background: #02b5c9;
	border-color: #02b5c9;
}

/* Promo Banner */
.promo-banner__content .btn {
	color: #000;
	background: #fff;
	border-color: #fff;
}

/* Footer */
.footer__link span {
	color: #02b5c9;
}

.footer__links:after {
	background: #02b5c9;
}