:root {
    --bg-color: #0b0a12;
    --sidebar-bg: #111326;
    --text-color: #edeffb;
    --text-secondary: rgba(210, 214, 255, 0.68);
    --primary-color: #442dd8;
    --primary-hover: #5b4bf0;
    --border-color: rgba(255, 255, 255, 0.08);
    --hover-bg: rgba(255, 255, 255, 0.06);
    --danger-color: #ff6b6b;
    --card-bg: rgba(15, 17, 29, 0.7);

    --bg-deep: #0b0a12;
    --bg-surface: rgba(17, 19, 38, 0.92);
    --bg-surface-hover: rgba(28, 32, 58, 0.92);
    --bg-glass: rgba(17, 19, 38, 0.7);
    --primary-hue: 248;
    --primary-color-version: #442dd8;
    --primary-glow: rgba(90, 100, 255, 0.35);
    --primary-dim: rgba(68, 45, 216, 0.35);
    --accent-color: #6ea8ff;
    --accent-glow: rgba(110, 168, 255, 0.25);
    --success-color: #3ddc97;
    --success-glow: rgba(61, 220, 151, 0.2);
    --text-main: #edeffb;
    --text-muted: rgba(210, 214, 255, 0.68);
    --text-dim: rgba(210, 214, 255, 0.45);
    --border-color-version: rgba(255, 255, 255, 0.08);
    --border-highlight: rgba(255, 255, 255, 0.18);
}

body,
.standard-view,
.main-content-std {
    background: var(--bg-color) !important;
    color: var(--text-color);
}

.sidebar,
.sidebar-header,
.sidebar-footer,
.sidebar-nav {
    background: var(--sidebar-bg) !important;
    border-color: var(--border-color) !important;
}

.header-std {
    background: rgba(10, 12, 22, 0.85) !important;
    border-bottom: 1px solid var(--border-color) !important;
    backdrop-filter: blur(12px);
}

.tree-node:hover,
.file-item:hover,
.file-card:hover,
.view-btn.active {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.search-box-std,
.view-toggle,
.user-info,
.toolbar,
.file-item,
.file-card,
.file-grid.list-view .file-item,
.file-grid.list-view .file-card {
    background: rgba(17, 19, 38, 0.7) !important;
    border-color: var(--border-color) !important;
}

.search-box-std input,
.form-group input,
.form-group textarea,
.modal-body input,
.modal-body textarea {
    background: rgba(10, 12, 22, 0.8) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

.search-box-std input::placeholder,
.form-group input::placeholder,
.form-group textarea::placeholder {
    color: rgba(210, 214, 255, 0.45) !important;
}

.btn-primary,
.btn-login-std {
    background: var(--primary-color) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.btn-primary:hover,
.btn-login-std:hover {
    background: var(--primary-hover) !important;
}

.btn-secondary,
.mode-switch-btn-std,
.toolbar-btn,
.btn-logout {
    background: rgba(17, 19, 38, 0.7) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

.btn-secondary:hover,
.mode-switch-btn-std:hover,
.toolbar-btn:hover,
.btn-logout:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.modal {
    background: rgba(0, 0, 0, 0.7) !important;
}

.modal-content,
.preview-container,
.text-preview-container,
.html-preview-container {
    background: rgba(17, 19, 38, 0.96) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.context-menu {
    background: rgba(17, 19, 38, 0.98) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

.context-item:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

.toast {
    background: rgba(15, 17, 29, 0.95) !important;
}

.version-layout,
.version-main,
.version-sidebar {
    background: transparent !important;
}

.version-card,
.version-card.table-container,
.table-card {
    background: rgba(17, 19, 38, 0.88) !important;
    border-color: var(--border-color) !important;
}

.version-table th,
.version-table td {
    border-color: var(--border-color) !important;
}

.hero-btn {
    background: #fff !important;
    color: #0b0a12 !important;
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
}