/**
 * Dark Mode Styles for TheLegalLetter
 * Applied dynamically based on site configuration
 */

/* Dark mode variables */
:root[data-theme='dark'] {
   --bs-body-bg: #1a1a1a;
   --bs-body-color: #e0e0e0;
   --bs-primary: #4a9eff;
   --bs-secondary: #6c757d;
   --bs-success: #28a745;
   --bs-info: #17a2b8;
   --bs-warning: #ffc107;
   --bs-danger: #dc3545;
   --bs-light: #2d2d2d;
   --bs-dark: #e0e0e0;
   --bs-border-color: #404040;
   --bs-link-color: #4a9eff;
   --bs-link-hover-color: #6bb6ff;
}

/* Dark mode styles */
[data-theme='dark'] {
   color-scheme: dark;
}

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

[data-theme='dark'] .navbar {
   background-color: #2d2d2d !important;
   border-bottom-color: var(--bs-border-color);
}

[data-theme='dark'] .navbar-brand,
[data-theme='dark'] .navbar-nav .nav-link {
   color: var(--bs-body-color) !important;
}

[data-theme='dark'] .card {
   background-color: #2d2d2d;
   border-color: var(--bs-border-color);
   color: var(--bs-body-color);
}

[data-theme='dark'] .card-header {
   background-color: #333;
   border-bottom-color: var(--bs-border-color);
}

[data-theme='dark'] .footer {
   background-color: #1f1f1f !important;
   border-top-color: var(--bs-border-color);
}

[data-theme='dark'] .btn-outline-primary {
   color: var(--bs-primary);
   border-color: var(--bs-primary);
}

[data-theme='dark'] .btn-outline-primary:hover {
   background-color: var(--bs-primary);
   border-color: var(--bs-primary);
   color: #fff;
}

[data-theme='dark'] .form-control {
   background-color: #333;
   border-color: var(--bs-border-color);
   color: var(--bs-body-color);
}

[data-theme='dark'] .form-control:focus {
   background-color: #333;
   border-color: var(--bs-primary);
   color: var(--bs-body-color);
   box-shadow: 0 0 0 0.2rem rgb(74, 158, 255, 0.25);
}

[data-theme='dark'] .alert-info {
   background-color: #1a2f3a;
   border-color: #2a5563;
   color: #7dd3fc;
}

[data-theme='dark'] .text-muted {
   color: #999 !important;
}

[data-theme='dark'] .bg-light {
   background-color: #2d2d2d !important;
}

[data-theme='dark'] .border {
   border-color: var(--bs-border-color) !important;
}

/* Dark mode toggle button */
.dark-mode-toggle {
   position: fixed;
   bottom: 20px;
   right: 20px;
   z-index: 1050;
   background: var(--bs-primary);
   color: white;
   border: none;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   box-shadow: 0 4px 12px rgb(0, 0, 0, 0.3);
   transition: all 0.3s ease;
}

.dark-mode-toggle:hover {
   transform: translateY(-2px);
   box-shadow: 0 6px 16px rgb(0, 0, 0, 0.4);
}

[data-theme='dark'] .dark-mode-toggle {
   background: #ffc107;
   color: #000;
}

/* Hide toggle if dark mode is disabled */
.dark-mode-disabled .dark-mode-toggle {
   display: none !important;
}