/* Dynamic Theme Colors - Generated from Settings */
:root {
--primary-color: #25d366;
--secondary-color: #128c7e;
--dark-color: #0c6258;
}

/* Override primary colors throughout the site */
.bg-primary, .btn-primary {
background-color: #25d366 !important;
border-color: #25d366 !important;
}

.text-primary {
color: #25d366 !important;
}

.border-primary {
border-color: #25d366 !important;
}

.btn-outline-primary {
color: #25d366;
border-color: #25d366;
}

.btn-outline-primary:hover {
background-color: #25d366;
border-color: #25d366;
}

/* Navbar gradient */
.navbar.bg-primary, .bg-gradient-primary {
background: linear-gradient(135deg, #25d366 0%,
#128c7e 100%) !important;
}

/* Hero section gradient */
.hero-section {
background: linear-gradient(135deg, #25d366 0%,
#128c7e 100%);
}

/* Form focus states */
.form-control:focus, .form-select:focus {
border-color: #25d366;
box-shadow: 0 0 0 0.2rem #25d36640;
}

/* Pagination active */
.pagination .page-item.active .page-link {
background-color: #25d366;
border-color: #25d366;
}

.pagination .page-link {
color: #25d366;
}

/* Badge primary */
.badge.bg-primary {
background: linear-gradient(135deg, #25d366 0%,
#128c7e 100%) !important;
}

/* Card hover effects */
.group-card:hover, .category-card:hover {
border-color: #25d366;
}

.group-card::before, .category-card::before {
background: linear-gradient(90deg, #25d366,
#128c7e);
}

/* Join button */
.btn-join {
background: #25d366;
border-color: #25d366;
}

.btn-join:hover {
background: #128c7e;
border-color: #128c7e;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
background: #25d366;
}

::-webkit-scrollbar-thumb:hover {
background: #128c7e;
}

/* Footer link hover */
footer a:hover {
color: #25d366 !important;
}