/* Themes CSS - Applies only to UI elements, NOT text colors */
:root {
    --primary-color: #007bff;
    --secondary-color: #6c757d;
}

/* Default Theme (Blue) */
.theme-default {
    --primary-color: #007bff;
    --secondary-color: #6c757d;
}

/* Green Theme */
.theme-green {
    --primary-color: #28a745;
    --secondary-color: #20c997;
}

/* Red Theme */
.theme-red {
    --primary-color: #dc3545;
    --secondary-color: #c82333;
}

/* Purple Theme */
.theme-purple {
    --primary-color: #6f42c1;
    --secondary-color: #8e44ad;
}

/* Dark Theme */
.theme-dark {
    --primary-color: #343a40;
    --secondary-color: #495057;
}

/* Custom theme - applied via inline styles */
.theme-custom {
    /* Colors applied via inline CSS from settings */
}

/* Apply to NAVBAR only */
.navbar,
.navbar-dark,
.navbar.navbar-dark {
    background-color: var(--primary-color) !important;
}

/* Apply to FOOTER only */
.footer,
.bg-dark.footer {
    background-color: var(--primary-color) !important;
}

/* Apply to BUTTONS only */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Apply to PRIMARY badges and backgrounds */
.bg-primary,
.badge-primary {
    background-color: var(--primary-color) !important;
}

/* Apply to borders and outlines */
.border-primary {
    border-color: var(--primary-color) !important;
}

.btn-outline-primary {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Apply to links - but keep text readable */
a.text-primary,
.text-primary:not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(div):not(li) {
    color: var(--primary-color) !important;
}

/* Apply to navigation links */
.navbar .nav-link,
.navbar .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

.navbar .nav-link:hover,
.navbar .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

/* Back to top button */
.back-to-top {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Card borders with primary */
.card.border-primary {
    border-color: var(--primary-color) !important;
}

/* Progress bars */
.progress-bar.bg-primary {
    background-color: var(--primary-color) !important;
}

/* Alerts */
.alert-primary {
    background-color: rgba(var(--primary-color-rgb), 0.1);
    border-color: var(--primary-color);
    color: inherit; /* Keep original text color */
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* IMPORTANT: Do NOT change text colors */
/* Text should remain readable - keep original colors */
body,
p,
h1, h2, h3, h4, h5, h6,
.text-dark,
.text-muted,
.text-body,
.text-black,
.text-white {
    /* Colors remain unchanged - text stays readable */
}

/* Only exception: text-primary on non-text elements */
.text-primary-icon,
.text-primary-badge {
    color: var(--primary-color) !important;
}