/* Dark mode overrides using [data-theme="dark"] on html element */

:root {
    --dm-bg-primary: #1a1a2e;
    --dm-bg-secondary: #16213e;
    --dm-bg-card: #0f3460;
    --dm-text-primary: #e0e0e0;
    --dm-text-secondary: #a0a0a0;
    --dm-border-color: #2a2a4a;
    --dm-accent: #4a90d9;
    --dm-success: #4caf50;
    --dm-warning: #ff9800;
    --dm-danger: #f44336;
}

html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="dark"] body {
    background: var(--dm-bg-primary);
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .topbar {
    background: var(--dm-bg-secondary);
    border-bottom-color: var(--dm-border-color);
}

html[data-theme="dark"] .sidebar {
    background: var(--dm-bg-secondary);
    border-right-color: var(--dm-border-color);
}

html[data-theme="dark"] .sidebar-footer {
    border-top-color: var(--dm-border-color);
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .sidebar-link {
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .sidebar-link:hover {
    background: rgba(74, 144, 217, 0.1);
}

html[data-theme="dark"] .sidebar-link--active {
    background: rgba(74, 144, 217, 0.2);
    color: var(--dm-accent);
}

html[data-theme="dark"] .sidebar-heading {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .panel {
    background: var(--dm-bg-card);
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] .panel header,
html[data-theme="dark"] .panel .panel-header {
    border-bottom-color: var(--dm-border-color);
}

html[data-theme="dark"] .metric-card {
    background: var(--dm-bg-card);
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] .metric-card .metric-value {
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .metric-card .metric-label {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .data-table {
    background: var(--dm-bg-card);
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] .data-table th {
    background: var(--dm-bg-secondary);
    color: var(--dm-text-secondary);
    border-bottom-color: var(--dm-border-color);
}

html[data-theme="dark"] .data-table td {
    border-bottom-color: var(--dm-border-color);
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .data-table tr:hover td {
    background: rgba(74, 144, 217, 0.05);
}

html[data-theme="dark"] .form-group label {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background: var(--dm-bg-primary);
    border-color: var(--dm-border-color);
    color: var(--dm-text-primary);
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus {
    border-color: var(--dm-accent);
    box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.15);
}

html[data-theme="dark"] button.button--ghost {
    color: var(--dm-text-primary);
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] button.button--ghost:hover {
    background: rgba(74, 144, 217, 0.1);
    border-color: var(--dm-accent);
}

html[data-theme="dark"] button.button--primary {
    background: var(--dm-accent);
    border-color: var(--dm-accent);
    color: #ffffff;
}

html[data-theme="dark"] button.button--secondary {
    background: var(--dm-bg-card);
    border-color: var(--dm-border-color);
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .record-row {
    border-bottom-color: var(--dm-border-color);
}

html[data-theme="dark"] .record-row:hover {
    background: rgba(74, 144, 217, 0.05);
}

html[data-theme="dark"] .status-badge--success {
    background: rgba(76, 175, 80, 0.15);
    color: var(--dm-success);
}

html[data-theme="dark"] .status-badge--warning {
    background: rgba(255, 152, 0, 0.15);
    color: var(--dm-warning);
}

html[data-theme="dark"] .status-badge--danger {
    background: rgba(244, 67, 54, 0.15);
    color: var(--dm-danger);
}

html[data-theme="dark"] .status-badge--pending {
    background: rgba(74, 144, 217, 0.15);
    color: var(--dm-accent);
}

html[data-theme="dark"] .alert--success {
    background: rgba(76, 175, 80, 0.1);
    border-color: var(--dm-success);
    color: var(--dm-success);
}

html[data-theme="dark"] .alert--danger {
    background: rgba(244, 67, 54, 0.1);
    border-color: var(--dm-danger);
    color: var(--dm-danger);
}

html[data-theme="dark"] .alert--warning {
    background: rgba(255, 152, 0, 0.1);
    border-color: var(--dm-warning);
    color: var(--dm-warning);
}

html[data-theme="dark"] .table-wrapper {
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] .page-head {
    border-bottom-color: var(--dm-border-color);
}

html[data-theme="dark"] .page-head h1 {
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .page-head .eyebrow {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .modal {
    background: var(--dm-bg-primary);
}

html[data-theme="dark"] .modal-header {
    border-bottom-color: var(--dm-border-color);
}

html[data-theme="dark"] .modal-footer {
    border-top-color: var(--dm-border-color);
}

html[data-theme="dark"] .brand__text small {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .active-profile {
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .active-profile__label {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .pagination a,
html[data-theme="dark"] .pagination span {
    background: var(--dm-bg-card);
    border-color: var(--dm-border-color);
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .pagination a:hover {
    background: rgba(74, 144, 217, 0.1);
    border-color: var(--dm-accent);
}

html[data-theme="dark"] .pagination .active span {
    background: var(--dm-accent);
    border-color: var(--dm-accent);
    color: #ffffff;
}

html[data-theme="dark"] .breadcrumb {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .breadcrumb a {
    color: var(--dm-accent);
}

html[data-theme="dark"] .dropdown-menu {
    background: var(--dm-bg-card);
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] .dropdown-menu a {
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .dropdown-menu a:hover {
    background: rgba(74, 144, 217, 0.1);
}

html[data-theme="dark"] .empty-state {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .empty-state__symbol {
    color: var(--dm-border-color);
}

html[data-theme="dark"] .document-card {
    background: var(--dm-bg-card);
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] .document-card:hover {
    border-color: var(--dm-accent);
}

html[data-theme="dark"] .document-card__icon {
    background: var(--dm-bg-secondary);
    color: var(--dm-accent);
}

html[data-theme="dark"] .document-card__body strong {
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .document-card__body span {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .checkbox-row {
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .checkbox-row input[type="checkbox"] {
    border-color: var(--dm-border-color);
    background: var(--dm-bg-primary);
}

html[data-theme="dark"] hr {
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] code,
html[data-theme="dark"] pre {
    background: var(--dm-bg-secondary);
    color: var(--dm-text-primary);
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] .tabs {
    border-bottom-color: var(--dm-border-color);
}

html[data-theme="dark"] .tabs .tab--active {
    color: var(--dm-accent);
    border-bottom-color: var(--dm-accent);
}

html[data-theme="dark"] .tabs .tab {
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .card {
    background: var(--dm-bg-card);
    border-color: var(--dm-border-color);
}

html[data-theme="dark"] .badge {
    background: var(--dm-bg-secondary);
    color: var(--dm-text-primary);
}

html[data-theme="dark"] .sidebar-toggle span {
    background: var(--dm-text-primary);
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--dm-bg-secondary);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--dm-border-color);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--dm-text-secondary);
}

html[data-theme="dark"] .site-footer {
    background: var(--dm-bg-secondary);
    border-top-color: var(--dm-border-color);
    color: var(--dm-text-secondary);
}

html[data-theme="dark"] .guest-content {
    background: var(--dm-bg-primary);
}

html[data-theme="dark"] .topbar__brand {
    border-bottom-color: var(--dm-border-color);
}

html[data-theme="dark"] .main-content {
    background: var(--dm-bg-primary);
}

html[data-theme="dark"] .workspace {
    background: var(--dm-bg-primary);
}