:root {
--color-primary-foreground: #ffffff;
--color-primary-background: #FEFAFB;
--color-primary-subtle: #FCE2E6;

--color-primary-light: #F7B7C1;
--color-primary-normal: #D7173C;
--color-primary-hover: #A10037;
--color-primary-pressed: #F93549;
--color-primary-dark: #B40838;
--color-primary-overlay: #7F003366;
--color-secondary-foreground:#ffffff;
--color-secondary-background:#FEFAFB;
--color-secondary-subtle: #FFEFF0;
--color-secondary-light: #FDCDD2;
--color-secondary-normal: #D7173C;
--color-secondary-hover: #A10037; 
--color-secondary-pressed: #7F0033;
--color-secondary-dark: #8A333C;
--font-title: var(--font-jakarta);
}