/* Dark Theme for WebAgency */

[data-bs-theme="dark"] {
    --default-color: #dee2e6;
    --default-color-rgb: 222, 226, 230;
    --background-color: #121212;
    --background-color-rgb: 18, 18, 18;
    --contrast-color: #ffffff;
    --contrast-color-rgb: 255, 255, 255;

    --heading-color: #ffffff;
    --text-color: #adb5bd;

    --light-background: #1a1a1a;
    --light-background-rgb: 26, 26, 26;

    --dark-background: #0d0d0d;
    --dark-background-rgb: 13, 13, 13;

    --primary-color: #ffc107; /* Bootstrap's warning color, as it's used as primary */
    --primary-color-rgb: 255, 193, 7;

    --secondary-color: #6c757d;
    --secondary-color-rgb: 108, 117, 125;

    --accent-color: #ffc107;
    --accent-color-rgb: 255, 193, 7;

    color-scheme: dark;
}

[data-bs-theme="dark"] body {
    background-color: var(--background-color);
    color: var(--text-color);
}

[data-bs-theme="dark"] .light-background {
    background-color: var(--light-background);
}

[data-bs-theme="dark"] .section {
    background-color: var(--background-color);
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .contact-form-container,
[data-bs-theme="dark"] .testimonial-item,
[data-bs-theme="dark"] .faculty-card,
[data-bs-theme="dark"] .requirements-card,
[data-bs-theme="dark"] .metric-card {
    background-color: var(--light-background);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .card-body,
[data-bs-theme="dark"] .faculty-content {
    color: var(--text-color);
}

[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2, [data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4, [data-bs-theme="dark"] h5, [data-bs-theme-dark] h6,
[data-bs-theme="dark"] .h1, [data-bs-theme="dark"] .h2, [data-bs-theme="dark"] .h3, [data-bs-theme="dark"] .h4, [data-bs-theme="dark"] .h5, [data-bs-theme="dark"] .h6 {
    color: var(--heading-color);
}

[data-bs-theme="dark"] .header {
    background-color: rgba(26, 26, 26, 0.8);
}

[data-bs-theme="dark"] .navmenu a,
[data-bs-theme="dark"] .navmenu a:focus {
    color: var(--default-color);
}

[data-bs-theme="dark"] .navmenu .active {
    color: var(--primary-color);
}

[data-bs-theme="dark"] .navmenu .dropdown ul {
    background: var(--light-background);
}

[data-bs-theme="dark"] .navmenu .dropdown ul a {
    color: var(--default-color);
}

[data-bs-theme="dark"] .navmenu .dropdown ul a:hover {
    color: var(--primary-color);
}

[data-bs-theme="dark"] .page-title {
    background-color: var(--dark-background);
}

[data-bs-theme="dark"] .breadcrumbs ol li {
    color: var(--text-color);
}

[data-bs-theme="dark"] .footer {
    background-color: var(--light-background);
    color: var(--text-color);
}

[data-bs-theme="dark"] .logo img {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
}

[data-bs-theme="dark"] .footer .footer-links h4 {
    color: var(--heading-color);
}

[data-bs-theme="dark"] .footer .footer-links ul i {
    color: var(--primary-color);
}

[data-bs-theme="dark"] .footer .footer-links ul a {
    color: var(--text-color);
}

[data-bs-theme="dark"] .footer .social-links a {
    background-color: var(--secondary-color);
    color: var(--contrast-color);
}

[data-bs-theme="dark"] .footer .copyright p {
    color: var(--text-color);
}

[data-bs-theme="dark"] #preloader {
    background: var(--background-color);
}

[data-bs-theme="dark"] .scroll-top {
    background: var(--primary-color);
}

[data-bs-theme="dark"] .form-control {
    background-color: #2b2b2b;
    color: var(--default-color);
    border-color: #444;
}

[data-bs-theme="dark"] .form-control:focus {
    background-color: #333;
    color: var(--default-color);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: #6c757d;
}

[data-bs-theme="dark"] .alert-success {
    background-color: #0a3622;
    color: #a3cfbb;
    border-color: #0e4b30;
}

[data-bs-theme="dark"] .alert-danger {
    background-color: #3c1113;
    color: #d8a2a5;
    border-color: #58151c;
}

[data-bs-theme="dark"] .bg-white {
    background-color: var(--light-background) !important;
}

[data-bs-theme="dark"] .upcoming-event {
    background-color: var(--dark-background);
}

[data-bs-theme="dark"] .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #000;
}

[data-bs-theme="dark"] .btn-primary:hover {
    opacity: 0.9;
}

[data-bs-theme="dark"] .btn-warning {
    color: #000 !important;
}

[data-bs-theme="dark"] .text-warning {
    color: var(--primary-color) !important;
}

[data-bs-theme="dark"] .value-card {
    background-color: var(--dark-background);
}

[data-bs-theme="dark"] .metric-card {
    background-color: var(--light-background);
}

[data-bs-theme="dark"] .badge-accredited {
    background-color: var(--light-background) !important;
}

[data-bs-theme="dark"] .stats .badge-accredited-wrapper {
    background-color: var(--light-background);
}

[data-bs-theme="dark"] .badge-accredited h3 {
    color: var(--heading-color);
}

[data-bs-theme="dark"] .chat-header,
[data-bs-theme="dark"] .chat-footer {
    background-color: var(--dark-background);
}

[data-bs-theme="dark"] .chatbot-popup {
    background-color: var(--light-background);
}

[data-bs-theme="dark"] .message-input {
    background-color: var(--dark-background);
    color: var(--default-color);
}

[data-bs-theme="dark"] .bot-message .message-text {
    background-color: #343a40;
    color: var(--default-color);
}

[data-bs-theme="dark"] .user-message .message-text {
    background-color: var(--primary-color);
    color: #000;
}

[data-bs-theme="dark"] .chatbox-button button {
    background: var(--primary-color);
    color: #000;
}

.theme-toggle {
    position: fixed;
    bottom: 80px;
    right: 15px;
    z-index: 1000;
    background: var(--primary-color);
    color: #000;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

[data-bs-theme="dark"] .theme-toggle {
    background: var(--primary-color);
    color: #000;
}

.theme-toggle .bi-sun-fill { display: none; }
.theme-toggle .bi-moon-fill { display: block; }

[data-bs-theme="dark"] .theme-toggle .bi-sun-fill { display: block; }
[data-bs-theme="dark"] .theme-toggle .bi-moon-fill { display: none; }