/* Custom theme styles for light and dark mode */

/* Theme-specific variables */
:root {
    --custom-bg-light: #f8f9fa;
    --custom-text-light: #212529;
    --custom-border-light: #dee2e6;
    --custom-link-light: #0d6efd;
    --custom-hover-light: #0a58ca;

    --custom-bg-dark: #212529;
    --custom-text-dark: #f8f9fa;
    --custom-border-dark: #495057;
    --custom-link-dark: #6ea8fe;
    --custom-hover-dark: #8bb9fe;
}

/* Light mode (default) */
[data-bs-theme="light"] {
    --custom-bg: var(--custom-bg-light);
    --custom-text: var(--custom-text-light);
    --custom-border: var(--custom-border-light);
    --custom-link: var(--custom-link-light);
    --custom-hover: var(--custom-hover-light);
}

/* Dark mode */
[data-bs-theme="dark"] {
    --custom-bg: var(--custom-bg-dark);
    --custom-text: var(--custom-text-dark);
    --custom-border: var(--custom-border-dark);
    --custom-link: var(--custom-link-dark);
    --custom-hover: var(--custom-hover-dark);
}

/* Theme toggle button styles */
.theme-toggle {
    color: var(--custom-text);
    padding: 0.5rem;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.theme-toggle:hover {
    background-color: rgba(128, 128, 128, 0.2);
}

/* Card customizations */
.card {
    border-color: var(--custom-border);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Table customizations */
.table {
    border-color: var(--custom-border);
    color: var(--custom-text);
}

/* Form control customizations */
.form-control:focus {
    border-color: var(--custom-link);
}

/* Custom styles for better dark mode readability */
[data-bs-theme="dark"] .text-muted {
    color: #adb5bd !important;
}

/* Improve contrast for buttons in dark mode */
[data-bs-theme="dark"] .btn-outline-secondary {
    border-color: #6c757d;
    color: #e9ecef;
}

[data-bs-theme="dark"] .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: #fff;
}

/* Improve navbar contrast in dark mode */
[data-bs-theme="dark"] .navbar {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
}

/* Improve sidebar contrast in dark mode */
[data-bs-theme="dark"] .left-menu {
    background-color: #2c3034;
    border-right: 1px solid #495057;
}

/* Improve dropdown contrast in dark mode */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #343a40;
    border-color: #495057;
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #495057;
}

/* Smooth transitions between themes */
body,
.card,
.navbar,
.dropdown-menu,
.left-menu,
.btn,
.form-control {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}