:root {
 	--brand-primary: #F9D6E2;
 	--brand-secondary: #465AA6;
 	--brand-tertiary: #BF8046;
 	--brand-tertiary-2: #955C2F;

 	--primary: #894a68;
 	--on-primary: #ffffff;

 	--primary-container: #ffd8e6;
 	--on-primary-container: #6d3350;

 	--secondary: #525a92;
 	--on-secondary: #ffffff;

 	--secondary-container: #dee0ff;
 	--on-secondary-container: #3a4379;

 	--tertiary: #4e5b92;
 	--on-tertiary: #ffffff;

 	--tertiary-container: #dce1ff;
 	--on-tertiary-container: #364479;

 	--error: #ba1a1a;
 	--on-error: #ffffff;
 	--error-container: #ffdad6;
 	--on-error-container: #93000a;

 	--background: #fff8f8;
 	--on-background: #21191c;

 	--surface: #fff8f8;
 	--on-surface: #21191c;

 	--surface-container: #faeaee;
 }

 :root[theme-data='light'] {
 	--primary: #894a68;
 	--on-primary: #ffffff;

 	--primary-container: #ffd8e6;
 	--on-primary-container: #6d3350;

 	--secondary: #525a92;
 	--on-secondary: #ffffff;

 	--secondary-container: #dee0ff;
 	--on-secondary-container: #3a4379;

 	--tertiary: #4e5b92;
 	--on-tertiary: #ffffff;

 	--tertiary-container: #dce1ff;
 	--on-tertiary-container: #364479;

 	--error: #ba1a1a;
 	--on-error: #ffffff;
 	--error-container: #ffdad6;
 	--on-error-container: #93000a;

 	--background: #fff8f8;
 	--on-background: #21191c;

 	--surface: #fff8f8;
 	--on-surface: #21191c;

 	--surface-container: #faeaee;
 }

 :root[theme-data='dark'] {
 	--primary: #feb0d1;
 	--on-primary: #531d39;
 	--primary-container: #6d3350;
 	--on-primary-container: #ffd8e6;

 	--secondary: #bbc3ff;
 	--on-secondary: #232c61;
 	--secondary-container: #3a4379;
 	--on-secondary-container: #dee0ff;

 	--tertiary: #b7c4ff;
 	--on-tertiary: #1e2d61;
 	--tertiary-container: #364479;
 	--on-tertiary-container: #dce1ff;

 	--error: #ba1a1a;
 	--on-error: #ffffff;
 	--error-container: #ffdad6;
 	--on-error-container: #93000a;

 	--background: hsl(338, 19%, 0%);
 	--on-background: #eedfe3;

 	--surface: #191114;
 	--on-surface: #eedfe3;

 	--surface-container: #251d20;
 }