/* Dynamic Colors CSS - Auto Generated on 2025-10-29 01:15:11 */
/* Compatible with Cloud Hosting */

:root {
    --primary-color: #3d5b66;
    --secondary-color: #ffffff;
    --text-primary: #333333;
    --text-secondary: #666666;
    --background-primary: #ffffff;
    --background-secondary: #3d5b66;
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --navbar-background: #ffffff;
    --navbar-text: #3d5b66;
    --navbar-button-background: #3d5b66;
    --navbar-button-text: #3d5b66;
    --navbar-button-hover-background: #3d5b66;
    --navbar-button-hover-text: #3d5b66;
    --footer-background: #3d5b66;
    --footer-text: #ffffff;
    --footer-link: #ffffff;
    --footer-link-hover: #ffffff;
    --footer-border: #495057;
    --footer-heading: #ffffff;
    --footer-gradient-start: #496d7a;
    --footer-gradient-end: #36515b;
    --footer-accent: #4f7684;
}

/* Primary Elements */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, var(--secondary-color), var(--primary-color)) !important;
    border-color: var(--secondary-color) !important;
    color: #ffffff !important;
}

/* Navigation */
.navbar,
.navbar-brand {
    background: var(--navbar-background) !important;
}

.navbar-nav .nav-link {
    color: var(--navbar-text) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: var(--navbar-button-hover-text) !important;
}

.navbar .btn {
    background: var(--navbar-button-background) !important;
    color: var(--navbar-button-text) !important;
    border-color: var(--navbar-button-background) !important;
}

.navbar .btn:hover {
    background: var(--navbar-button-hover-background) !important;
    color: var(--navbar-button-hover-text) !important;
}

/* Footer */
.footer,
footer {
    background: var(--footer-background) !important;
    color: var(--footer-text) !important;
    border-top: 1px solid var(--footer-border) !important;
}

.footer h5,
.footer h6,
footer h5,
footer h6 {
    color: var(--footer-heading) !important;
}

.footer a,
footer a {
    color: var(--footer-link) !important;
    text-decoration: none;
}

.footer a:hover,
.footer a:focus,
footer a:hover,
footer a:focus {
    color: var(--footer-link-hover) !important;
    text-decoration: underline;
}

.footer .text-muted,
footer .text-muted {
    color: var(--footer-text) !important;
    opacity: 0.8;
}

.footer hr,
footer hr {
    border-color: var(--footer-border) !important;
}

.footer .nav-link,
footer .nav-link {
    color: var(--footer-link) !important;
    padding: 0.25rem 0.5rem;
}

.footer .nav-link:hover,
footer .nav-link:hover {
    color: var(--footer-link-hover) !important;
}

/* Links */
a,
.text-primary {
    color: var(--primary-color) !important;
}

a:hover,
a:focus {
    color: var(--secondary-color) !important;
}

/* Backgrounds */
.bg-primary {
    background: var(--primary-color) !important;
}

.bg-secondary {
    background: var(--secondary-color) !important;
}

.bg-success {
    background: var(--success-color) !important;
}

.bg-warning {
    background: var(--warning-color) !important;
}

.bg-danger {
    background: var(--danger-color) !important;
}

/* Text Colors */
.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-success {
    color: var(--success-color) !important;
}

.text-warning {
    color: var(--warning-color) !important;
}

.text-danger {
    color: var(--danger-color) !important;
}

/* Cards and Components */
.card-header {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
    color: #ffffff !important;
}

/* Forms */
.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25) !important;
}

/* Pagination */
.pagination .page-link {
    color: var(--primary-color) !important;
}

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

.pagination .page-link:hover {
    color: var(--secondary-color) !important;
    background-color: rgba(102, 126, 234, 0.1) !important;
}

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

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Alert Colors */
.alert-success {
    background-color: rgba(40, 167, 69, 0.1) !important;
    border-color: var(--success-color) !important;
    color: var(--success-color) !important;
}

.alert-warning {
    background-color: rgba(255, 193, 7, 0.1) !important;
    border-color: var(--warning-color) !important;
    color: var(--warning-color) !important;
}

.alert-danger {
    background-color: rgba(220, 53, 69, 0.1) !important;
    border-color: var(--danger-color) !important;
    color: var(--danger-color) !important;
}

/* Admin Sidebar */
.sidebar {
    background: var(--navbar-background) !important;
}

.sidebar .nav-link {
    color: #ffffff !important;
}

.sidebar .nav-link:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Alerts */
.alert-primary {
    color: var(--primary-color) !important;
    background-color: rgba(102, 126, 234, 0.1) !important;
    border-color: var(--primary-color) !important;
}

/* Custom Components */
.gradient-bg {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

.text-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Responsive Utilities */
@media (max-width: 768px) {
    .navbar {
        background: var(--header-bg) !important;
    }
    
    .btn-primary {
        background: var(--primary-color) !important;
    }
}

/* Footer-based Colors for Specific Elements */
/* Vision & Mission Section Background */
.vision-mission-section {
    background: linear-gradient(135deg, var(--footer-gradient-start) 0%, var(--footer-gradient-end) 100%) !important;
}

/* Vision & Mission Section Text Colors */
.vision-mission-section h1,
.vision-mission-section h2,
.vision-mission-section h3,
.vision-mission-section h4,
.vision-mission-section h5,
.vision-mission-section h6 {
    color: var(--footer-heading) !important;
}

.vision-mission-section p,
.vision-mission-section .text-muted,
.vision-mission-section .lead {
    color: var(--footer-text) !important;
}

.vision-mission-section a {
    color: var(--footer-link) !important;
}

.vision-mission-section a:hover {
    color: var(--footer-link-hover) !important;
}

/* Article Read More Button */
.btn-read-more,
.read-more-btn-modern {
    background: linear-gradient(135deg, var(--footer-gradient-start), var(--footer-gradient-end)) !important;
    border: none !important;
    color: #ffffff !important;
}

.btn-read-more:hover,
.read-more-btn-modern:hover {
    background: linear-gradient(135deg, var(--footer-gradient-end), var(--footer-gradient-start)) !important;
    color: #ffffff !important;
}

/* Board Members Page Header */
.hero-section {
    background: linear-gradient(135deg, var(--footer-gradient-start) 0%, var(--footer-gradient-end) 100%) !important;
}

/* Reports Page Header */
.reports-hero {
    background: linear-gradient(135deg, var(--footer-gradient-start) 0%, var(--footer-gradient-end) 50%, var(--footer-accent) 100%) !important;
}

/* Section Dividers */
.section-divider {
    background: linear-gradient(135deg, var(--footer-gradient-start), var(--footer-gradient-end)) !important;
}

/* Article Card Hover Effects */
.article-card:hover .article-title a {
    color: var(--footer-accent) !important;
}

/* Vision Mission Card Top Border */
.vision-mission-card::before {
    background: linear-gradient(135deg, var(--footer-gradient-start), var(--footer-gradient-end)) !important;
}

/* Footer Contact Labels */
.footer .contact-details strong {
    color: var(--footer-link) !important;
}

/* Footer Contact Links */
.footer .contact-link {
    color: var(--footer-link) !important;
}

.footer .contact-link:hover {
    color: var(--footer-link-hover) !important;
}

/* Footer Contact Icons */
.footer .contact-item i {
    color: var(--footer-link) !important;
}

/* Print Styles */
@media print {
    .btn-primary {
        background: var(--primary-color) !important;
        color: #ffffff !important;
    }
}