:root {
--color-primary-foreground: #ffffff;
--color-primary-background: #fdf9fb; 
--color-primary-subtle: #f4e9f0;
--color-primary-light: #dcbad0; 
--color-primary-normal: #8e2067; 
--color-primary-hover: #651749; 
--color-primary-pressed: #4e1239;
--color-primary-dark: #8e2067; 
--color-primary-overlay: rgb(142, 32, 103, 0.4);
--color-secondary-foreground:#ffffff;
--color-secondary-background:#fdf9fb;
--color-secondary-subtle: #f4e9f0;
--color-secondary-light: #dcbad0;
--color-secondary-normal: #8E2067;
--color-secondary-hover: #651749;
--color-secondary-pressed: #4e1239;
--color-secondary-dark: #3c0d2b;
--font-title: Petrona;
}