html,
html[data-theme='light'] {
	/* COLORS */
  --burgundy: #3C000F; /* Main color */
  --burgundy-900: #170006;
  --burgundy-700: #45161F;
  --burgundy-500-08: rgba(108, 44, 60, 0.8); /* 80% Emergency popup background */
  --burgundy-500: #7C283D; /* Burgundy interactions */
  --burgundy-400: #A3485E;

  --white: #FFFFFF; /* Background color on modules and components lightmode */
  --natural-white: #F7F7F7; /* Background color, text color on burgundy, button on video */
  --natural-white-light: #F9F9F9;
  --natural-white-lightest: #FCFCFC; /* button color */
  --natural-white-darker: #F4F2F2;

  --red: #FF4115; /* Background color */
  --red-700: #EA2C00;
  --red-400: #FF6C2E;
  --red-300: #FF8A6E;
  --red-200: #FFC0B1;

  --pink: #FFBBFC; /* Background color */
  --pink-700: #FF83E9;
  --pink-400: #FCCAFC;
  --pink-300: #F9DCF9;

  --blue: #4866FF; /* Critical CTA */
  --blue-400: #8095FF; /* Info hover state, active state */
  --blue-300: #A0B0FF;
  --blue-200: #C3CDFF;

  --peach: #FFC1B2;  /*  used on Å Fondet only (as of now) */

  --background-color: var(--white);
  --background-module-color: var(--natural-white);
  --text-color: var(--burgundy);
  --text-color-module: var(--burgundy);
  --text-color-tint-01: var(--burgundy-500);

  --product-features: var(--white);
  --sustainability: var(--white);
  --link-red: var(--red);
  --mobile-menu: var(--pink);
  --footer: var(--burgundy);
  --sustainability-goal: var(--white);
  --nav-link-card: var(--blue-300);
  --nav-link-card-hover: var(--blue-400);
  --error-page: var(--pink);
  --fund-form: var(--natural-white-darker);
  --questionnaire-infobox: var(--pink-300);
  --contact-module-pink: var(--pink-300);
  --contact-card: var(--natural-white);
  --contact-module-white: var(--white);
  --tabs-and-cards-content: var(--pink-300);
  --tabs-and-cards-data: var(--pink-400);
  --calendar-list-module: var(--pink-300);

  --text-color-dark-button: var(--natural-white);
  --text-color-footer: var(--natural-white);
  --text-color-nav-link-card: var(--burgundy);
  --text-color-nav-hover: var(--burgundy-400);
  --text-color-tabs-and-cards: var(--burgundy-700);
  --text-color-contact-card: var(--burgundy);
  --text-color-contact-card-details: var(--burgundy-500);
  --text-color-calendar-subheadings: var(--burgundy-500);

  --calendar-subheadings: var(--burgundy-500);

  --divider-line-color: var(--burgundy-400);

  --button-color-powerplantpage: var(--natural-white-lightest);
  --button-color-tabs-and-cards: var(--text-color-tabs-and-cards);

  --loader-color: var(--burgundy);
  --checkin-discount-color: #0e16ff;

  --error-background-color-attachments: rgba(219, 0, 0, 0.10);
  --error-text-color: #DB0000;

  --background-color-product-features: var(--white);
  --background-color-sustainability: var(--white);
  --background-color-pink: var(--pink);
  --background-color-link-red: var(--red);
  --background-color-mobile-menu: var(--pink);
  --background-color-footer: var(--burgundy);
  --background-color-sustainability-goal: var(--white);
  --background-color-nav-link-card: var(--blue-300);
  --background-color-nav-link-card-hover: var(--blue-400);
  --background-color-error-page: var(--pink);
  --background-color-fund-form: var(--natural-white-darker);
  --background-color-questionnaire-infobox: var(--pink-300);
  --background-color-contact-module-pink: var(--pink-300);
  --background-color-contact-card: var(--natural-white);
  --background-color-contact-module-white: var(--white);
  --background-color-tabs-and-cards-content: var(--pink-300);
  --background-color-tabs-and-cards-data: var(--pink-400);
  --background-color-calendar-list-module: var(--pink-300);
}

html[data-theme='dark'] {
	--background-color: var(--burgundy-900);
  --background-module-color: var(--burgundy);

  --background-color-product-features: var(--pink);
  --background-color-sustainability: var(--burgundy-900);
  --background-color-link-red: var(--burgundy);
  --background-color-mobile-menu: var(--burgundy);
  --background-color-footer: var(--pink);
  --background-color-sustainability-goal: var(--burgundy-500);
  --background-color-nav-link-card: var(--blue-200);
  --background-color-nav-link-card-hover: var(--blue-400);
  --background-color-error-page: var(--pink-400);
  --background-color-fund-form: var(--burgundy);
  --background-color-questionnaire-infobox: var(--burgundy);
  --background-color-contact-module-pink: var(--burgundy-700);
  --background-color-contact-module-white: var(--burgundy-900);
  --background-color-tabs-and-cards-content: var(--burgundy);
  --background-color-tabs-and-cards-data: var(--burgundy-700);
  --background-color-calendar-list-module: var(--burgundy-700);

  --product-features: var(--pink);
  --sustainability: var(--burgundy-900);
  --link-red: var(--burgundy);
  --mobile-menu: var(--burgundy);
  --footer: var(--pink);
  --sustainability-goal: var(--burgundy-500);
  --nav-link-card: var(--blue-200);
  --nav-link-card-hover: var(--blue-400);
  --error-page: var(--pink-400);
  --fund-form: var(--burgundy);
  --questionnaire-infobox: var(--burgundy);
  --contact-module-pink: var(--burgundy-700);
  --contact-module-white: var(--burgundy-900);
  --tabs-and-cards-content: var(--burgundy);
  --tabs-and-cards-data: var(--burgundy-700);
  --calendar-list-module: var(--burgundy-700);


  --text-color: var(--natural-white);
  --text-color-module: var(--pink);
  --text-color-tint-01: var(--natural-white-darker);
  --text-color-tabs-and-cards: var(--pink);
  --text-color-footer: var(--burgundy);
  --text-color-nav-link-card: var(--burgundy);
  --text-color-nav-hover: var(--burgundy-400);
  --text-color-calendar-subheadings: var(--pink);

  --calendar-subheadings: var(--pink);

  --divider-line-color: var(--natural-white-lightest);

  --button-color-powerplantpage: var(--pink-400);

  --loader-color: var(--pink);
  --checkin-discount-color: var(--pink-700);

  --error-background-color-attachments: var(--red-200);
  --error-text-color: var(--red-200)
}