/* accent.css – 3 harmonious accent colours for the site */

/* Colour palette */
:root {
    --accent-coral: #FF5A5F;   /* vibrant coral */
    --accent-gold:  #C8A97E;   /* warm gold / champagne */
    --accent-cyan:  #00D4FF;   /* fresh cyan */
    --accent-dark:  #2C2D33;   /* dark slate for text */
}

/* Buttons – gradient using coral & gold */
.theme-btn, .bordered-btn {
    background: linear-gradient(90deg, var(--accent-coral), var(--accent-gold));
    border: none;
    color: #fff;
    border-radius: 30px;
    transition: background 0.3s ease;
}
.theme-btn:hover, .bordered-btn:hover {
    background: linear-gradient(90deg, var(--accent-gold), var(--accent-coral));
    color: #fff;
}

/* Accent for icons */
.icon-cta, .service-icon, .footer-bottom .social-wrap a i {
    color: var(--accent-cyan) !important;
}

/* Card hover – subtle border accent */
.single-project-item:hover {
    border: 2px solid var(--accent-coral);
    box-shadow: 0 10px 25px rgba(255,90,95,0.2);
}

/* Section titles – use dark slate for readability */
.section-title h2, .section-title h3, .section-title h4 {
    color: var(--accent-dark);
}

/* Links – use cyan on hover */
a:hover, .main-menu ul li a:hover {
    color: var(--accent-cyan) !important;
}