/* Red Love Theme - Override styles for dating platform */

:root {
    /* Red Love Color Palette */
    --primary-red: #e53e3e;
    --primary-red-dark: #c53030;
    --secondary-red: #f56565;
    --accent-red: #fc8181;
    --love-pink: #feb2b2;
    --warm-red: #fed7d7;
    --light-red: #fed7d7;
    --gradient-love: linear-gradient(135deg, #e53e3e, #f56565);
    --gradient-love-dark: linear-gradient(135deg, #c53030, #e53e3e);
    --gradient-love-light: linear-gradient(135deg, #f56565, #fc8181);
    --gradient-warm: linear-gradient(135deg, #fed7d7, #feb2b2);
}

/* Update all gradient text */
.gradient-text {
    background: var(--gradient-love) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Update all primary buttons */
.btn-primary,
.btn {
    background: var(--gradient-love) !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(229, 62, 62, 0.3) !important;
}

.btn-primary:hover,
.btn:hover {
    background: var(--gradient-love-dark) !important;
    box-shadow: 0 8px 25px rgba(229, 62, 62, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Update feature icons */
.feature-icon {
    background: var(--gradient-love) !important;
}

/* Update testimonial avatars */
.author-avatar {
    background: var(--gradient-love) !important;
}

/* Update CTA section */
.cta {
    background: var(--gradient-love) !important;
}

.cta .btn-primary {
    background: white !important;
    color: var(--primary-red) !important;
}

.cta .btn-primary:hover {
    background: #f8fafc !important;
    color: var(--primary-red-dark) !important;
}

/* Update mockup header */
.mockup-header {
    background: var(--gradient-love) !important;
}

/* Update action buttons */
.action-btn.like {
    background: var(--warm-red) !important;
    color: var(--primary-red) !important;
}

.action-btn.pass {
    background: #fef2f2 !important;
    color: var(--primary-red) !important;
}

/* Update navigation logo text */
.logo-text {
    background: var(--gradient-love) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Update social links */
.social-link {
    background: var(--gradient-love) !important;
    color: white !important;
    box-shadow: 0 2px 4px rgba(229, 62, 62, 0.2) !important;
}

.social-link:hover {
    background: var(--gradient-love-dark) !important;
    box-shadow: 0 8px 25px rgba(229, 62, 62, 0.4) !important;
}

/* Update floating hearts animation */
@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
}

.heart {
    animation: float 6s ease-in-out infinite;
    filter: drop-shadow(0 4px 8px rgba(229, 62, 62, 0.3));
}

/* Update step indicators */
.step-number {
    background: var(--gradient-love) !important;
    color: white !important;
}

/* Update hover effects */
.feature-card:hover {
    box-shadow: 0 8px 25px rgba(229, 62, 62, 0.15) !important;
}

/* Update form focus states */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-red) !important;
    box-shadow: 0 0 0 4px rgba(229, 62, 62, 0.1) !important;
}

/* Update links */
a {
    color: var(--primary-red) !important;
}

a:hover {
    color: var(--primary-red-dark) !important;
}

/* Update navigation links */
.nav-link::after {
    background: var(--gradient-love) !important;
}

.nav-link:hover {
    color: var(--primary-red) !important;
}

/* Update footer logo */
.footer-logo .logo-icon {
    color: var(--primary-red) !important;
}

/* Update mobile menu */
@media (max-width: 768px) {
    .nav-links.active {
        background: white !important;
        box-shadow: 0 4px 6px rgba(229, 62, 62, 0.1) !important;
    }
}