/* TODOSHOPPY Visual Identity (REBUILD 2026) */
:root {
    --primary-color: #0081C9;
    --secondary-color: #6c757d;
    --accent-color: #005f94;
    --white: #ffffff;
}

/* Overriding Riode styles to match brand */
.text-primary, 
.btn-primary,
.header-middle.sticky-header.sticky-content,
.btn-solid.gra-reversed {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--white) !important;
}

.btn-purchase {
    background: var(--primary-color) !important;
}

.footer {
    background-color: #f8f9fa;
}

/* Custom TodoBot Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInUp {
    animation: fadeInUp 0.5s ease-out;
}