.bg-primary { background-color: #2D5A4C; }
.text-primary { color: #2D5A4C; }
.bg-secondary { background-color: #E8F0ED; }
.text-secondary-light { color: #5C716A; }
.text-accent { color: #F4A261; }
.border-border_color { border-color: #DDE7E3; }
.bg-background_main { background-color: #F9FBFA; }
.text-text_primary_light { color: #1A2E28; }
.bg-hover_state:hover { background-color: #24493D; }

#cartModal {
    animation: fadeIn 0.2s ease-out;
}

#cartModal > div {
    animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}