/* Lovelane Custom Colors */
/* Primary: #1FAAD5 (cyan), Secondary: #F83891 (pink), Tertiary: #EE8B60 (coral) */

/* Add cyan accents to certain elements */
.s-home h1::after,
.section-intro h1::after {
    background: linear-gradient(90deg, #1FAAD5 0%, #F83891 100%);
}

/* Add gradient to stats numbers */
.stats-col .stats__count {
    background: linear-gradient(135deg, #1FAAD5 0%, #F83891 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Subtle gradient for feature icons */
.features-list__icon {
    background: linear-gradient(135deg, #1FAAD5 20%, #F83891 100%) !important;
}

/* Contact form focus state with cyan */
input:focus,
textarea:focus,
select:focus {
    border-color: #1FAAD5 !important;
}

/* Link hover effects with cyan */
a:hover {
    color: #1FAAD5 !important;
}

/* Footer links */
.s-footer a:hover {
    color: #1FAAD5 !important;
}

/* Secondary buttons with cyan */
.btn--stroke {
    border-color: #1FAAD5 !important;
    color: #1FAAD5 !important;
}

.btn--stroke:hover {
    background: #1FAAD5 !important;
    border-color: #1FAAD5 !important;
    color: #FFFFFF !important;
}

/* Testimonials quote with coral */
blockquote::before {
    color: #EE8B60 !important;
}

/* Navigation active state */
.header-nav__list li.current a,
.header-nav__list li a:hover {
    color: #1FAAD5 !important;
}

/* Smooth gradient background for hero section overlay */
.s-home::before {
    background: linear-gradient(180deg,
        rgba(31, 170, 213, 0.1) 0%,
        rgba(20, 24, 27, 0.95) 100%
    ) !important;
}