:root {
    --color-primary-light: #ff3aaf;
    --color-primary: #ec008c;
    --color-primary-dark: #a0005f;
    --color-secondary-light: #c7ecda;
    --color-secondary: #8ed8b4;
    --color-secondary-dark: #55c48e;
    --color-accent-light: #fff388;
    --color-accent: #ffeb3b;
    --color-accent-dark: #eed500;
    --color-background-light: #ffe3e3;
    --color-background: #ffe3e3;
    --color-background-dark: #c7ecda;
    --color-surface-light: #ffffff;
    --color-surface: #ffffff;
    --color-surface-dark: #f7f7f7;
    --color-text-light: #404040;
    --color-text: #000000;
    --color-text-dark: #000000;
    --color-muted-light: #e2e8f0;
    --color-muted: #94a3b8;
    --color-muted-dark: #64748b;
    --color-border-light: #f1f5f9;
    --color-border: #e2e8f0;
    --color-border-dark: #cbd5e1;
    --color-header-bg: #fff388;
    --color-header-text: #000000;
    --color-header-border: #ebebeb;
    --color-header-login-bg: #ec008c;
    --color-header-login-text: #ffffff;
    --color-header-user-bg: #ec008c;
    --color-header-user-text: #ffffff;
    --color-header-hamburger: #000000;
    --color-header-dropdown-bg: #ffffff;
    --color-header-dropdown-text: #1e293b;
    --color-header-dropdown-icon: #94a3b8;
    --color-header-dropdown-logout: #ec008c;
    --color-heading: #000000;
    --color-heading-alt: #ec008c;
    --color-input-text: #1e293b;
    --color-input-border: #e2e8f0;
    --color-footer-bg: #fff388;
    --color-footer-text: 000000;
    --color-logo: #ec008c;
    --color-logo-inverted: #FFFFFF;
    --color-overlay: #0f172a;
}