/* Cores Dinâmicas do Sistema */

:root {
    --primary-color: #485cf4;
    --secondary-color: #a9edfe;
}

/* Top Header */
.top-header {
    background: linear-gradient(135deg, #485cf4 0%, #a9edfe 100%);
}

/* Main Header */
.main-header .logo {
    color: #485cf4;
}

.main-header .logo:hover {
    color: #a9edfe;
}

/* Search Bar */
.search-bar button {
    background: linear-gradient(135deg, #485cf4 0%, #a9edfe 100%);
}

.search-bar input:focus {
    border-color: #485cf4;
}

/* Header Icons */
.header-icons .header-icon:hover {
    color: #485cf4;
}

.header-icons .badge {
    background: #485cf4;
}

/* Navigation */
.main-nav {
    background: linear-gradient(135deg, #485cf4 0%, #a9edfe 100%);
}

.main-nav ul li a:hover,
.main-nav ul li a.active {
    background: rgba(255, 255, 255, 0.2);
}

/* Buttons */
.btn-primary,
.add-to-cart {
    background: linear-gradient(135deg, #485cf4 0%, #a9edfe 100%);
    border: none;
}

.btn-primary:hover,
.add-to-cart:hover {
    background: linear-gradient(135deg, #a9edfe 0%, #485cf4 100%);
    transform: translateY(-2px);
}

/* Product Card */
.product-card:hover {
    border-color: #485cf4;
}

.product-card .badge {
    background: #485cf4;
}

/* Price */
.price {
    color: #485cf4;
}

/* Footer */
.footer {
    background: linear-gradient(135deg, #485cf4 0%, #a9edfe 100%);
}

.footer .social-icons a:hover {
    background: #a9edfe;
}

.footer-title {
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

/* Links */
a {
    color: #485cf4;
}

a:hover {
    color: #a9edfe;
}

/* Category Badge */
.category-badge {
    background: #485cf4;
}

/* Banners */
.banner-overlay {
    background: linear-gradient(135deg, rgba(72, 92, 244, 0.8) 0%, rgba(169, 237, 254, 0.8) 100%);
}