diff --git a/static/css/components/buttons.css b/static/css/components/buttons.css
index d1159e29..f9f7c398 100644
--- a/static/css/components/buttons.css
+++ b/static/css/components/buttons.css
@@ -97,7 +97,7 @@
 }
 
 .toggle-btn.active {
-    background-color: var(--color-bg-surface);
+    background-color: var(--color-border);
     color: var(--color-accent);
     box-shadow: 0 1px 3px var(--color-shadow);
 }
diff --git a/static/css/components/dialogs.css b/static/css/components/dialogs.css
index d663c226..0e5a2e34 100644
--- a/static/css/components/dialogs.css
+++ b/static/css/components/dialogs.css
@@ -144,7 +144,7 @@
     border: 2px solid var(--color-border);
     border-radius: 10px;
     font-size: 14px;
-    background: var(--color-bg-hover);
+    background: var(--color-bg-input);
     color: var(--color-text-heading);
     transition: all 0.15s ease;
     outline: none;
@@ -386,7 +386,7 @@
 }
 
 .move-breadcrumb-item:hover {
-    background: var(--color-border);
+    background: var(--color-bg-hover);
     color: var(--color-text-heading);
 }
 
@@ -415,7 +415,7 @@
 }
 
 .folder-select-item:hover {
-    background-color: var(--color-bg-muted);
+    background-color: var(--color-bg-hover);
 }
 
 .folder-select-item.selected {
diff --git a/static/css/components/languageSelector.css b/static/css/components/languageSelector.css
index b02f6a41..9f1456a7 100644
--- a/static/css/components/languageSelector.css
+++ b/static/css/components/languageSelector.css
@@ -64,22 +64,6 @@
     z-index: 1000;
 }
 
-/* Custom scrollbar */
-.language-selector-dropdown::-webkit-scrollbar {
-    width: 6px;
-}
-.language-selector-dropdown::-webkit-scrollbar-track {
-    background: transparent;
-    margin: 8px 0;
-}
-.language-selector-dropdown::-webkit-scrollbar-thumb {
-    background-color: var(--color-border-medium);
-    border-radius: 3px;
-}
-.language-selector-dropdown::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-text-placeholder);
-}
-
 .language-selector.open .language-selector-dropdown {
     opacity: 1;
     visibility: visible;
@@ -98,7 +82,7 @@
 }
 
 .language-option:hover {
-    background-color: var(--color-bg-alt);
+    background-color: var(--color-bg-hover);
 }
 
 .language-option.active {
diff --git a/static/css/components/userMenu.css b/static/css/components/userMenu.css
index b67b3c15..e5a3dedc 100644
--- a/static/css/components/userMenu.css
+++ b/static/css/components/userMenu.css
@@ -226,7 +226,7 @@
 }
 
 .user-menu-admin {
-    color: var(--color-primary-hover);
+    color: var(--color-primary);
 }
 
 .user-menu-admin i {
@@ -253,7 +253,7 @@
 
 .role-badge-admin {
     background: var(--color-info-surface);
-    color: var(--color-primary-hover);
+    color: var(--color-primary);
 }
 
 .role-badge i {
diff --git a/static/css/layout/content.css b/static/css/layout/content.css
index 6a5dd874..b48f32b0 100644
--- a/static/css/layout/content.css
+++ b/static/css/layout/content.css
@@ -1,3 +1,20 @@
+/* ── Scrollbar ── */
+
+::-webkit-scrollbar {
+    width: 6px;
+}
+::-webkit-scrollbar-track {
+    background: var(--color-bg-surface);
+}
+::-webkit-scrollbar-thumb {
+    background: var(--color-accent);
+    border-radius: 3px;
+}
+* {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-accent) var(--color-bg-surface);
+}
+
 /* Content area */
 .content-area {
     flex-grow: 1;
diff --git a/static/css/layout/topbar.css b/static/css/layout/topbar.css
index b637fe26..687ce831 100644
--- a/static/css/layout/topbar.css
+++ b/static/css/layout/topbar.css
@@ -77,7 +77,7 @@
     padding: 12px 50px 12px 44px;
     border-radius: 12px;
     border: 2px solid var(--color-border);
-    background-color: var(--color-bg-hover);
+    background-color: var(--color-bg-input);
     font-size: 14px;
     height: 46px;
     color: var(--color-text-heading);
diff --git a/static/css/themes/dark.css b/static/css/themes/dark.css
index fe41f3ad..718c9e63 100644
--- a/static/css/themes/dark.css
+++ b/static/css/themes/dark.css
@@ -3,7 +3,7 @@
     --color-bg-page: #0f172a;
     --color-bg-surface: #1e293b;
     --color-bg-input: #0f172a;
-    --color-bg-hover: #162032;
+    --color-bg-hover: #334155;
     --color-bg-muted: #1a2540;
     --color-bg-subtle: #162032;
     --color-bg-alt: #0f172a;
@@ -23,7 +23,7 @@
     --color-text: #e2e8f0;
     --color-text-heading: #f1f5f9;
     --color-text-muted: #94a3b8;
-    --color-text-faint: #64748b;
+    --color-text-faint: #7a8a9f;
     --color-text-secondary: #cbd5e1;
     --color-text-subtle: #94a3b8;
     --color-text-dark: #cbd5e1;
@@ -49,9 +49,10 @@
     --color-success-bg: #052e16;
     --color-success-text: #86efac;
 
-    /* Shadows */
+    /* Shadows (stronger on dark mode) */
     --color-shadow: rgba(0, 0, 0, 0.3);
     --color-shadow-lg: rgba(0, 0, 0, 0.3);
+    --color-shadow-md: rgba(0, 0, 0, 0.3);
 
     /* Additional dark overrides */
     --color-warning-bg: #3d2e00;
@@ -60,7 +61,7 @@
     --color-trash-surface: #1e293b;
     --color-trash-border: #334155;
     --color-trash-empty-bg: #334155;
-    --color-user-menu-header-bg: linear-gradient(135deg, #2a1a15 0%, #1e1525 100%);
+    --color-user-menu-header-bg: linear-gradient(135deg, #1a2332 0%, #1e2940 100%);
     --color-user-menu-header-border: #3a2520;
     --color-info-bg: #0c1e35;
     --color-info-bg-alt: #0c1e35;
@@ -79,23 +80,16 @@
 
     /* Items */
     --color-item-selected: #1a1520;
-    --color-item-hover-accent: #1f1926;
+    --color-item-hover-accent: #21262d;
+
+    /* Primary */
+    /* TODO: rename into primary-blue ? */
+    --color-primary: #60a5fa;
+    --color-primary-hover: #6fa8ee;
 }
 
 /* ------------ */
 
-[data-theme="dark"] ::-webkit-scrollbar-thumb {
-    background-color: rgba(255, 255, 255, 0.15);
-}
-
-[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
-    background-color: rgba(255, 255, 255, 0.25);
-}
-
-[data-theme="dark"] * {
-    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
-}
-
 [data-theme="dark"] select {
     background-color: #1e293b;
     border-color: #334155;
@@ -111,1456 +105,8 @@
     background-color: #1e293b;
 }
 
-[data-theme="dark"] .breadcrumb {
-    color: #94a3b8;
-}
-
-[data-theme="dark"] .breadcrumb-link {
-    color: #94a3b8;
-}
-
-[data-theme="dark"] .breadcrumb-link:hover {
-    color: #ff5e3a;
-    background: rgba(255, 94, 58, 0.1);
-}
-
-[data-theme="dark"] .breadcrumb-current {
-    color: #e2e8f0;
-}
-
-[data-theme="dark"] .breadcrumb-separator {
-    color: #64748b;
-}
-
-[data-theme="dark"] .breadcrumb-home {
-    color: #94a3b8;
-}
-
-[data-theme="dark"] .breadcrumb-home.breadcrumb-link:hover {
-    color: #ff5e3a;
-    background: rgba(255, 94, 58, 0.15);
-}
-
-[data-theme="dark"] .btn-secondary {
-    background-color: #1e293b;
-    color: #cbd5e1;
-    border-color: #334155;
-}
-
-[data-theme="dark"] .btn-secondary:hover {
-    background-color: #334155;
-    border-color: #475569;
-}
-
-[data-theme="dark"] .btn-secondary:active {
-    background-color: #475569;
-}
-
-[data-theme="dark"] .view-toggle {
-    background-color: #1e293b;
-    border-color: #334155;
-}
-
-[data-theme="dark"] .toggle-btn {
-    color: #94a3b8;
-}
-
-[data-theme="dark"] .toggle-btn:hover {
-    background-color: #334155;
-}
-
-[data-theme="dark"] .toggle-btn.active {
-    background-color: #334155;
-    color: #ff5e3a;
-}
-
-[data-theme="dark"] .context-menu {
-    background: #1e293b;
-    border-color: #334155;
-    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
-}
-
-[data-theme="dark"] .context-menu-item {
-    color: #cbd5e1;
-}
-
-[data-theme="dark"] .context-menu-item:hover {
-    background: #334155;
-}
-
-[data-theme="dark"] .context-menu-item:active {
-    background: #475569;
-}
-
-[data-theme="dark"] .context-menu-item i {
-    color: #94a3b8;
-}
-
-[data-theme="dark"] .context-menu-item-danger:hover {
-    background: rgba(239, 68, 68, 0.1);
-}
-
-[data-theme="dark"] .context-menu-separator {
-    background: #334155;
-}
-
-[data-theme="dark"] .search-results-header h3 {
-    color: #f1f5f9;
-}
-
-[data-theme="dark"] .search-results-header {
-    color: #f1f5f9;
-    border-bottom-color: #334155;
-}
-
-[data-theme="dark"] .search-results-header .search-time {
-    color: #64748b;
-}
-
-[data-theme="dark"] .search-results-header .btn-secondary {
-    background: #1e293b;
-    border-color: #334155;
-    color: #e2e8f0;
-}
-
-[data-theme="dark"] .search-results-header .btn-secondary:hover {
-    background: #334155;
-}
-
-[data-theme="dark"] .search-sort-select {
-    background: #1e293b;
-    border-color: #334155;
-    color: #e2e8f0;
-}
-
-[data-theme="dark"] .search-sort-select:focus {
-    border-color: #ff5e3a;
-}
-
-/* ── csp-utilities.css ── */
-[data-theme="dark"] .empty-state-icon {
-    color: var(--color-dark-mid);
-}
-[data-theme="dark"] .empty-state-icon.error {
-    color: var(--color-danger-alt);
-}
-[data-theme="dark"] .about-modal-username {
-    color: var(--color-text-heading);
-}
-[data-theme="dark"] .about-modal-email {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .about-modal-role-admin {
-    background: var(--color-role-admin-dark-bg);
-    color: var(--color-admin-blue);
-}
-[data-theme="dark"] .about-modal-role-user {
-    background: var(--color-border);
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .about-modal-storage-label {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .about-modal-bar-bg {
-    background: var(--color-border);
-}
-[data-theme="dark"] .about-modal-bar-text {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .about-modal-close-btn {
-    background: var(--color-bg-surface);
-    border-color: var(--color-border);
-    color: var(--color-text-dark);
-}
-[data-theme="dark"] .move-dialog-hint {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .search-empty-text {
-    color: var(--color-text-faint);
-}
-
-/* ── dialogs.css ── */
-[data-theme="dark"] .rename-dialog-content {
-    background-color: var(--color-bg-surface);
-    box-shadow: 0 8px 32px var(--color-shadow-5xl);
-}
-
-[data-theme="dark"] .rename-dialog-header {
-    color: var(--color-text-heading);
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .rename-dialog input {
-    background: var(--color-bg-input);
-    color: var(--color-text);
-    border-color: var(--color-border);
-}
-
-[data-theme="dark"] .rename-dialog input:focus {
-    border-color: var(--color-accent);
-    background: var(--color-bg-input);
-}
-
-[data-theme="dark"] .rename-dialog-buttons {
-    background: var(--color-bg-hover);
-    border-top-color: var(--color-border);
-}
-
-[data-theme="dark"] .rename-dialog-buttons .btn-outline {
-    background: transparent;
-    color: var(--color-text-faint);
-    border-color: var(--color-border-medium);
-}
-
-[data-theme="dark"] .rename-dialog-buttons .btn-outline:hover {
-    background: var(--color-border);
-    border-color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .shared-dialog-content {
-    background-color: var(--color-bg-surface);
-}
-
-[data-theme="dark"] .shared-dialog-header {
-    color: var(--color-text);
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .shared-dialog-header .close-dialog-btn {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .shared-dialog-header .close-dialog-btn:hover {
-    background: var(--color-border);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .shared-dialog .share-link-input input,
-[data-theme="dark"] .shared-dialog .password-input-group input,
-[data-theme="dark"] .shared-dialog .share-expiration-section input,
-[data-theme="dark"] .shared-dialog .notification-form input,
-[data-theme="dark"] .shared-dialog .notification-form textarea {
-    background: var(--color-bg-input);
-    border-color: var(--color-border);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .shared-dialog .share-link-input input:focus,
-[data-theme="dark"] .shared-dialog .notification-form input:focus,
-[data-theme="dark"] .shared-dialog .notification-form textarea:focus {
-    border-color: var(--color-accent);
-    background: var(--color-bg-surface);
-}
-
-[data-theme="dark"] .shared-dialog .share-link-section label,
-[data-theme="dark"] .shared-dialog .share-permissions-section h4,
-[data-theme="dark"] .shared-dialog .notification-form label {
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .shared-dialog .share-permissions-section label,
-[data-theme="dark"] .shared-dialog .share-password-section label,
-[data-theme="dark"] .shared-dialog .share-expiration-section label {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .shared-dialog .share-actions,
-[data-theme="dark"] .shared-dialog .notification-actions {
-    background: var(--color-bg-hover);
-    border-top-color: var(--color-border);
-}
-
-[data-theme="dark"] .confirm-dialog-content {
-    background-color: var(--color-bg-surface);
-    box-shadow: 0 8px 32px var(--color-shadow-5xl);
-}
-
-[data-theme="dark"] .confirm-dialog-header {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .confirm-dialog-message {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .confirm-dialog-buttons {
-    background: var(--color-bg-hover);
-    border-top-color: var(--color-border);
-}
-
-[data-theme="dark"] .move-dialog-content {
-    background-color: var(--color-bg-surface);
-}
-
-[data-theme="dark"] .move-dialog-header {
-    color: var(--color-text-heading);
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .move-dialog .folder-tree {
-    background: var(--color-bg-input);
-    border-color: var(--color-border);
-}
-
-[data-theme="dark"] .move-dialog .folder-tree-item {
-    color: var(--color-text-dark);
-}
-
-[data-theme="dark"] .move-dialog .folder-tree-item:hover {
-    background: var(--color-border);
-}
-
-[data-theme="dark"] .move-dialog .folder-tree-item.selected {
-    background: var(--color-accent-ring);
-    color: var(--color-accent);
-}
-
-[data-theme="dark"] .move-dialog-buttons {
-    background: var(--color-bg-hover);
-    border-top-color: var(--color-border);
-}
-
-[data-theme="dark"] .share-dialog-content {
-    background-color: var(--color-bg-surface);
-}
-
-[data-theme="dark"] .share-dialog-header {
-    color: var(--color-text-heading);
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .share-dialog-body label {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .share-dialog-body input {
-    background: var(--color-bg-input);
-    border-color: var(--color-border);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .share-dialog-body input:focus {
-    border-color: var(--color-accent);
-    background: var(--color-bg-input);
-}
-
-[data-theme="dark"] .share-link-container {
-    background: var(--color-bg-input);
-    border-color: var(--color-border);
-}
-
-[data-theme="dark"] .share-link-container input {
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .share-dialog-buttons {
-    background: var(--color-bg-hover);
-    border-top-color: var(--color-border);
-}
-
-[data-theme="dark"] .dialog {
-    background-color: var(--color-overlay-mid);
-}
-
-[data-theme="dark"] .dialog-content {
-    background-color: var(--color-bg-surface);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .dialog-header {
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .dialog-header h3 {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .dialog-body label {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .dialog-body input,
-[data-theme="dark"] .dialog-body textarea {
-    background-color: var(--color-bg-input);
-    border-color: var(--color-border);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .dialog-body input:focus,
-[data-theme="dark"] .dialog-body textarea:focus {
-    border-color: var(--color-accent);
-}
-
-[data-theme="dark"] .close-dialog-btn {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .close-dialog-btn:hover {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .share-setting label {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .permissions-options label span {
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .share-item-info {
-    color: var(--color-text);
-}
-
-/* Dark mode for move dialog breadcrumb */
-[data-theme="dark"] .move-dialog-breadcrumb {
-    background: var(--color-bg-input);
-}
-
-[data-theme="dark"] .move-breadcrumb-item {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .move-breadcrumb-item:hover {
-    background: var(--color-border);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .move-breadcrumb-item.current {
-    color: var(--color-accent);
-}
-
-[data-theme="dark"] .move-breadcrumb-separator {
-    color: var(--color-border-medium);
-}
-
-/* Dark mode for folder select items */
-[data-theme="dark"] .folder-select-item {
-    color: var(--color-text-dark);
-}
-
-[data-theme="dark"] .folder-select-item:hover {
-    background-color: var(--color-border);
-}
-
-[data-theme="dark"] .folder-select-item.selected {
-    background-color: var(--color-accent-ring-dark);
-    color: var(--color-accent);
-}
-
-[data-theme="dark"] .folder-select-item i {
-    color: var(--color-star-text);
-}
-
-[data-theme="dark"] .folder-select-item.selected i {
-    color: var(--color-accent);
-}
-
-[data-theme="dark"] .folder-select-item.folder-select-current {
-    background-color: var(--color-success-ring-vivid);
-    color: var(--color-success-text-vivid);
-}
-
-[data-theme="dark"] .folder-select-item.folder-select-current:hover {
-    background-color: var(--color-success-ring-vivid-lg);
-}
-
-[data-theme="dark"] .folder-select-item.folder-select-current i {
-    color: var(--color-success-icon-vivid);
-}
-
-[data-theme="dark"] .folder-select-item.folder-navigate-up {
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .folder-select-item.folder-navigate-up:hover {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .folder-select-item.folder-navigate-up i {
-    color: var(--color-border-medium);
-}
-
-[data-theme="dark"] .folder-select-item.folder-navigate .folder-navigate-icon {
-    color: var(--color-border-medium);
-}
-
-[data-theme="dark"] .folder-select-empty {
-    color: var(--color-border-medium);
-}
-
-/* ── languageSelector.css ── */
-[data-theme="dark"] .language-selector-toggle {
-    background-color: var(--color-bg-surface);
-    border-color: var(--color-border);
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .language-selector-toggle:hover {
-    background-color: var(--color-border);
-}
-
-[data-theme="dark"] .language-selector-dropdown {
-    background-color: var(--color-bg-surface);
-    border-color: var(--color-border);
-    box-shadow: 0 8px 30px var(--color-overlay);
-}
-
-[data-theme="dark"] .language-selector-dropdown::-webkit-scrollbar-thumb {
-    background-color: var(--color-border-medium);
-}
-[data-theme="dark"] .language-selector-dropdown::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .language-option {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .language-option:hover {
-    background-color: var(--color-border);
-}
-
-[data-theme="dark"] .language-option.active {
-    background-color: var(--color-accent-ring);
-    color: var(--color-accent);
-}
-
-/* ── modals.css ── */
-[data-theme="dark"] .about-modal {
-    background: var(--color-bg-surface);
-}
-
-[data-theme="dark"] .about-modal h2 {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .about-modal .about-version,
-[data-theme="dark"] .about-modal .about-description {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .about-modal .about-tech-badge {
-    background: var(--color-border);
-    border-color: var(--color-dark-mid);
-    color: var(--color-text-dark);
-}
-
-[data-theme="dark"] .modal-overlay {
-    background-color: var(--color-overlay-mid);
-}
-
-[data-theme="dark"] .modal-container {
-    background-color: var(--color-bg-surface);
-    box-shadow: 0 8px 32px var(--color-shadow-5xl);
-}
-
-[data-theme="dark"] .modal-header {
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .modal-header h3 {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .modal-close-btn {
-    background: var(--color-border);
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .modal-close-btn:hover {
-    background: var(--color-dark-mid);
-    color: var(--color-border);
-}
-
-[data-theme="dark"] .modal-body label {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .modal-input {
-    border-color: var(--color-border);
-    background: var(--color-bg-input);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .modal-input:focus {
-    border-color: var(--color-accent);
-    background: var(--color-bg-input);
-}
-
-[data-theme="dark"] .modal-input::placeholder {
-    color: var(--color-dark-mid);
-}
-
-[data-theme="dark"] .modal-footer {
-    background: var(--color-bg-hover);
-    border-top-color: var(--color-border);
-}
-
-[data-theme="dark"] .modal-footer .btn-secondary {
-    background: var(--color-border);
-    border-color: var(--color-dark-mid);
-    color: var(--color-text-dark);
-}
-
-[data-theme="dark"] .modal-footer .btn-secondary:hover {
-    background: var(--color-dark-mid);
-}
-
-/* ── multiSelect.css ── */
-[data-theme="dark"] .list-header-checkbox input,
-[data-theme="dark"] .file-item .checkbox-cell input,
-[data-theme="dark"] .file-item .checkbox-cell input {
-    accent-color: var(--color-accent);
-}
-
-[data-theme="dark"] .batch-selection-bar {
-    background-color: var(--color-multiselect-bg);
-    border-color: var(--color-multiselect-border);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .list-header.selection-mode {
-    background-color: var(--color-bg-page);
-    border-bottom-color: var(--color-multiselect-border);
-    color: var(--color-text);
-}
-
-/* ── notifications.css ── */
-[data-theme="dark"] .notification {
-    background-color: var(--color-notification-bg);
-    box-shadow: 0 4px 12px var(--color-shadow-4xl);
-}
-
-[data-theme="dark"] .notification-title {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .notification-message {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .notification-banner {
-    background-color: var(--color-notification-bg);
-    box-shadow: 0 4px 12px var(--color-shadow-4xl);
-}
-
-[data-theme="dark"] .notif-bell-btn {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .notif-bell-btn:hover,
-[data-theme="dark"] .notif-bell-btn.active {
-    color: var(--color-accent);
-    background: var(--color-accent-ring-dark);
-}
-
-[data-theme="dark"] .notif-panel {
-    background: var(--color-notification-bg);
-    box-shadow:
-        0 12px 40px var(--color-shadow-4xl),
-        0 0 0 1px var(--color-sidebar-hover-bg);
-}
-
-[data-theme="dark"] .notif-panel-header {
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .notif-panel-title {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .notif-clear-btn {
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .notif-clear-btn:hover {
-    color: var(--color-accent);
-    background: var(--color-accent-ring-dark);
-}
-
-[data-theme="dark"] .notif-empty {
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .notif-item {
-    border-bottom-color: var(--color-bg-muted);
-}
-
-[data-theme="dark"] .notif-item:hover {
-    background: var(--color-bg-hover);
-}
-
-[data-theme="dark"] .notif-item-title {
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .notif-item-text {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .notif-upload-bar {
-    background: var(--color-border);
-}
-
-[data-theme="dark"] .upload-toast {
-    background: var(--color-notification-bg);
-    box-shadow: 0 8px 32px var(--color-shadow-5xl);
-}
-
-[data-theme="dark"] .upload-toast-file-name {
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .upload-toast-file-bar {
-    background: var(--color-border);
-}
-
-[data-theme="dark"] .upload-toast-file-pct {
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .upload-toast-footer {
-    border-top-color: var(--color-border);
-}
-
-/* ── spinner.css ── */
-[data-theme="dark"] .dropzone {
-    border-color: var(--color-border-medium);
-    color: var(--color-text-faint);
-    background-color: var(--color-bg-page);
-}
-
-[data-theme="dark"] .progress-bar {
-    background-color: var(--color-border);
-}
-
-/* ── uploadDropdown.css ── */
-[data-theme="dark"] .upload-dropdown-menu {
-    background: var(--color-bg-surface);
-    border-color: var(--color-border);
-    box-shadow: 0 8px 24px var(--color-shadow-5xl);
-}
-
-[data-theme="dark"] .upload-dropdown-item {
-    color: var(--color-text-dark);
-}
-
-[data-theme="dark"] .upload-dropdown-item:hover {
-    background: var(--color-border);
-}
-
-[data-theme="dark"] .upload-dropdown-item:active {
-    background: var(--color-border-medium);
-}
-
-[data-theme="dark"] .upload-dropdown-item i {
-    color: var(--color-text-faint);
-}
-
-/* ── userMenu.css ── */
-[data-theme="dark"] .user-menu {
-    background: var(--color-bg-surface);
-    border-color: var(--color-border);
-    box-shadow: 0 8px 30px var(--color-shadow-5xl);
-}
-
-[data-theme="dark"] .user-menu-header {
-    background: var(--color-user-menu-header-bg);
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .user-menu-name {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .user-menu-email {
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .user-menu-storage-label {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .user-menu-storage-bar {
-    background: var(--color-border);
-}
-
-[data-theme="dark"] .user-menu-storage-text {
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .user-menu-divider {
-    background: var(--color-border);
-}
-
-[data-theme="dark"] .user-menu-item {
-    color: var(--color-text-dark);
-}
-
-[data-theme="dark"] .user-menu-item:hover {
-    background: var(--color-border);
-}
-
-[data-theme="dark"] .user-menu-item i {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .theme-toggle-pill {
-    background: var(--color-border-medium);
-}
-
-[data-theme="dark"] .user-menu-admin {
-    color: var(--color-admin-blue);
-}
-
-[data-theme="dark"] .user-menu-admin:hover {
-    background: var(--color-admin-blue-bg);
-}
-
-[data-theme="dark"] .role-badge-admin {
-    background: var(--color-admin-blue-bg-sm);
-    color: var(--color-admin-blue);
-}
-
-[data-theme="dark"] .user-menu-logout:hover {
-    background: var(--color-danger-hover-bg);
-}
-
-/* ── admin.css ── */
-[data-theme="dark"] body {
-    background: var(--color-bg-page);
-    color: var(--color-border);
-}
-[data-theme="dark"] ::-webkit-scrollbar-thumb {
-    background: var(--color-scrollbar-dark);
-}
-[data-theme="dark"] * {
-    scrollbar-color: var(--color-scrollbar-dark) transparent;
-}
-[data-theme="dark"] .admin-tabs {
-    background: var(--color-text-heading);
-    box-shadow: 0 1px 4px var(--color-shadow-xl);
-}
-[data-theme="dark"] .admin-tab {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .admin-tab:hover {
-    color: var(--color-border-light);
-    background: var(--color-dark-footer);
-}
-[data-theme="dark"] .admin-card {
-    background: var(--color-text-heading);
-    box-shadow:
-        0 1px 4px var(--color-shadow-xl),
-        0 0 0 1px var(--color-border-dark-faint);
-}
-[data-theme="dark"] .admin-card h2 {
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .stat-card {
-    background: var(--color-dark-footer);
-    border-color: var(--color-border);
-}
-[data-theme="dark"] .stat-card:hover {
-    box-shadow: 0 4px 12px var(--color-shadow-md);
-}
-[data-theme="dark"] .stat-value {
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .stat-label {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .stat-card.warn {
-    border-color: var(--color-badge-warning-text);
-    background: var(--color-badge-warning-dark-bg);
-}
-[data-theme="dark"] .stat-card.danger {
-    border-color: var(--color-error-text-dark);
-    background: var(--color-badge-error-dark-bg);
-}
-[data-theme="dark"] .progress-bar {
-    background: var(--color-border);
-}
-[data-theme="dark"] .table-wrap {
-    border-color: var(--color-border);
-}
-[data-theme="dark"] th {
-    background: var(--color-dark-footer);
-    color: var(--color-text-subtle);
-    border-bottom-color: var(--color-border);
-}
-[data-theme="dark"] td {
-    border-bottom-color: var(--color-border);
-    color: var(--color-text);
-}
-[data-theme="dark"] tr:hover {
-    background: var(--color-dark-footer);
-}
-[data-theme="dark"] .user-name {
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .user-email {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .badge-admin {
-    background: var(--color-role-admin-dark-bg);
-    color: var(--color-admin-blue);
-}
-[data-theme="dark"] .badge-user {
-    background: var(--color-border);
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .badge-active {
-    background: var(--color-badge-success-dark-bg);
-    color: var(--color-success-text-vivid);
-}
-[data-theme="dark"] .badge-inactive {
-    background: var(--color-badge-error-dark-bg);
-    color: var(--color-multiselect-danger-text);
-}
-[data-theme="dark"] .badge-oidc {
-    background: var(--color-badge-indigo-dark-bg);
-    color: var(--color-badge-indigo-dark-text);
-}
-[data-theme="dark"] .badge-local {
-    background: var(--color-border);
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .btn-secondary {
-    background: var(--color-text-heading);
-    color: var(--color-text);
-    border-color: var(--color-border);
-}
-[data-theme="dark"] .btn-secondary:hover {
-    background: var(--color-border);
-    border-color: var(--color-dark-mid);
-}
-[data-theme="dark"] .btn-danger {
-    background: var(--color-badge-error-dark-bg);
-    color: var(--color-multiselect-danger-text);
-    border-color: var(--color-error-text-dark);
-}
-[data-theme="dark"] .btn-danger:hover {
-    background: var(--color-badge-error-dark-bg-hover);
-}
-[data-theme="dark"] .btn-success {
-    background: var(--color-badge-success-dark-bg);
-    color: var(--color-success-text-vivid);
-    border-color: var(--color-badge-success-text);
-}
-[data-theme="dark"] .btn-success:hover {
-    background: var(--color-badge-success-fill-dark);
-}
-[data-theme="dark"] .form-group label {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .form-group input[type="text"],
-[data-theme="dark"] .form-group input[type="password"],
-[data-theme="dark"] .form-group input[type="url"],
-[data-theme="dark"] .form-group input[type="number"],
-[data-theme="dark"] .form-group select {
-    background: var(--color-bg-page);
-    border-color: var(--color-border);
-    color: var(--color-text);
-}
-[data-theme="dark"] .form-group input:focus,
-[data-theme="dark"] .form-group select:focus {
-    border-color: var(--color-accent);
-    background: var(--color-bg-page);
-    box-shadow: 0 0 0 3px var(--color-accent-ring-dark);
-}
-[data-theme="dark"] .form-group small {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .toggle-row label {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .slider {
-    background: var(--color-dark-mid);
-}
-[data-theme="dark"] .readonly-field {
-    background: var(--color-bg-page);
-    border-color: var(--color-border);
-    color: var(--color-text);
-}
-[data-theme="dark"] .readonly-field button {
-    background: var(--color-text-heading);
-    border-color: var(--color-border);
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .readonly-field button:hover {
-    background: var(--color-border);
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .warning {
-    background: var(--color-badge-warning-dark-bg);
-    border-color: var(--color-badge-warning-text);
-    color: var(--color-star-text);
-}
-[data-theme="dark"] .alert-success {
-    background: var(--color-badge-success-dark-bg);
-    color: var(--color-success-text-vivid);
-    border-color: var(--color-badge-success-text);
-}
-[data-theme="dark"] .alert-error {
-    background: var(--color-badge-error-dark-bg);
-    color: var(--color-multiselect-danger-text);
-    border-color: var(--color-error-text-dark);
-}
-[data-theme="dark"] .alert-info {
-    background: var(--color-badge-blue-dark-bg);
-    color: var(--color-badge-blue-dark-text);
-    border-color: var(--color-role-admin-text);
-}
-[data-theme="dark"] .discovery-result.ok {
-    background: var(--color-badge-success-dark-bg);
-    border-color: var(--color-badge-success-text);
-    color: var(--color-success-text-vivid);
-}
-[data-theme="dark"] .discovery-result.fail {
-    background: var(--color-badge-error-dark-bg);
-    border-color: var(--color-error-text-dark);
-    color: var(--color-multiselect-danger-text);
-}
-[data-theme="dark"] details {
-    border-top-color: var(--color-border);
-}
-[data-theme="dark"] details summary {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] details summary:hover {
-    color: var(--color-accent);
-}
-[data-theme="dark"] details[open] summary {
-    color: var(--color-accent);
-}
-[data-theme="dark"] .modal {
-    background: var(--color-text-heading);
-    box-shadow: 0 20px 60px var(--color-shadow-4xl);
-}
-[data-theme="dark"] .modal h3 {
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .modal-overlay {
-    background: var(--color-overlay-mid);
-    backdrop-filter: blur(4px);
-}
-[data-theme="dark"] .quota-text {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .pagination {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] #access-denied h2 {
-    color: var(--color-multiselect-danger-text);
-}
-[data-theme="dark"] #access-denied p {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .modal-confirm p {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .btn-danger {
-    background: linear-gradient(135deg, var(--color-danger-alt), var(--color-error-text));
-}
-[data-theme="dark"] #access-denied .access-icon {
-    background: var(--color-badge-error-dark-bg);
-}
-[data-theme="dark"] #loading {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .toggle-row {
-    border-top-color: var(--color-border);
-}
-
-/* ── inlineViewer.css ── */
-[data-theme="dark"] .inline-viewer-progress {
-    background: var(--color-progress-overlay-dark);
-}
-
-[data-theme="dark"] .inline-viewer-progress-bar {
-    background: var(--color-border);
-}
-
-[data-theme="dark"] .inline-viewer-progress-text {
-    color: var(--color-text-dark);
-}
-
-/* ── photos.css ── */
-[data-theme="dark"] .photos-day-header {
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .photo-tile {
-    background: var(--color-border);
-}
-
-[data-theme="dark"] .photos-empty i {
-    color: var(--color-dark-mid);
-}
-
-[data-theme="dark"] .photos-empty .photos-empty-title {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .photos-empty p {
-    color: var(--color-text-subtle);
-}
-
-/* ── profile.css ── */
-[data-theme="dark"] body {
-    background: var(--color-bg-page);
-    color: var(--color-border);
-}
-[data-theme="dark"] ::-webkit-scrollbar-thumb {
-    background: var(--color-scrollbar-dark);
-}
-[data-theme="dark"] * {
-    scrollbar-color: var(--color-scrollbar-dark) transparent;
-}
-[data-theme="dark"] .profile-card {
-    background: var(--color-text-heading);
-    box-shadow:
-        0 1px 4px var(--color-shadow-xl),
-        0 0 0 1px var(--color-border-dark-faint);
-}
-[data-theme="dark"] .profile-card h2 {
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .avatar-info h1 {
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .avatar-info .email {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .role-badge-admin {
-    background: var(--color-role-admin-dark-bg);
-    color: var(--color-admin-blue);
-}
-[data-theme="dark"] .role-badge-user {
-    background: var(--color-border);
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .info-item {
-    background: var(--color-dark-footer);
-    border-color: var(--color-border);
-}
-[data-theme="dark"] .info-item .info-label {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .info-item .info-label i {
-    color: var(--color-dark-mid);
-}
-[data-theme="dark"] .info-item .info-value {
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .storage-stat {
-    background: var(--color-dark-footer);
-    border-color: var(--color-border);
-}
-[data-theme="dark"] .storage-stat .stat-value {
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .storage-stat .stat-label {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .storage-bar {
-    background: var(--color-border);
-}
-[data-theme="dark"] .storage-text {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .form-group label {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .form-group input {
-    background: var(--color-bg-page);
-    border-color: var(--color-border);
-    color: var(--color-text);
-}
-[data-theme="dark"] .form-group input:focus {
-    border-color: var(--color-accent);
-    background: var(--color-bg-page);
-    box-shadow: 0 0 0 3px var(--color-accent-ring-dark);
-}
-[data-theme="dark"] .form-group small {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .alert-success {
-    background: var(--color-badge-success-dark-bg);
-    color: var(--color-success-text-vivid);
-    border-color: var(--color-badge-success-text);
-}
-[data-theme="dark"] .alert-error {
-    background: var(--color-badge-error-dark-bg);
-    color: var(--color-multiselect-danger-text);
-    border-color: var(--color-error-text-dark);
-}
-[data-theme="dark"] #auth-error {
-    background: transparent;
-}
-[data-theme="dark"] #auth-error .err-icon {
-    background: var(--color-badge-error-dark-bg);
-}
-[data-theme="dark"] #auth-error h2 {
-    color: var(--color-multiselect-danger-text);
-}
-[data-theme="dark"] #auth-error p {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .section-desc {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .checkbox-label {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .form-select {
-    background: var(--color-bg-page);
-    border-color: var(--color-border);
-    color: var(--color-text);
-}
-[data-theme="dark"] .form-select:focus {
-    border-color: var(--color-accent);
-    background: var(--color-bg-page);
-    box-shadow: 0 0 0 3px var(--color-accent-ring-dark);
-}
-[data-theme="dark"] .btn-secondary {
-    background: var(--color-border);
-    color: var(--color-text);
-    border-color: var(--color-dark-mid);
-}
-[data-theme="dark"] .btn-secondary:hover {
-    background: var(--color-dark-mid);
-}
-[data-theme="dark"] .app-pw-table th {
-    color: var(--color-text-subtle);
-    border-bottom-color: var(--color-border);
-}
-[data-theme="dark"] .app-pw-table td {
-    border-bottom-color: var(--color-text-heading);
-}
-[data-theme="dark"] .app-pw-label-cell {
-    color: var(--color-border-light);
-}
-[data-theme="dark"] .app-pw-prefix code {
-    background: var(--color-border);
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .badge-active {
-    background: var(--color-badge-success-dark-bg);
-    color: var(--color-success-text-vivid);
-}
-[data-theme="dark"] .badge-expired {
-    background: var(--color-badge-error-dark-bg);
-    color: var(--color-multiselect-danger-text);
-}
-[data-theme="dark"] .app-pw-empty {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .app-pw-token-input {
-    background: var(--color-badge-success-dark-bg);
-    border-color: var(--color-badge-success-text);
-    color: var(--color-success-text-vivid);
-}
-[data-theme="dark"] .app-pw-instr-list code {
-    background: var(--color-badge-success-dark-bg);
-    color: var(--color-success-text-vivid);
-}
-[data-theme="dark"] #loading {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .app-pw-desc {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .app-pw-create input {
-    background: var(--color-bg-page);
-    border-color: var(--color-border);
-    color: var(--color-text);
-}
-[data-theme="dark"] .app-pw-create input:focus {
-    border-color: var(--color-accent);
-    background: var(--color-bg-page);
-    box-shadow: 0 0 0 3px var(--color-accent-ring-dark);
-}
-[data-theme="dark"] .app-pw-created {
-    background: var(--color-badge-success-dark-bg);
-    border-color: var(--color-badge-success-text);
-}
-[data-theme="dark"] .app-pw-created-label {
-    color: var(--color-success-text-vivid);
-}
-[data-theme="dark"] .app-pw-created-value code {
-    background: var(--color-badge-success-fill-dark);
-    color: var(--color-success-text-vivid);
-}
-[data-theme="dark"] .app-pw-created small {
-    color: var(--color-badge-success-border);
-}
-[data-theme="dark"] .app-pw-table thead th {
-    color: var(--color-text-subtle);
-    border-bottom-color: var(--color-border);
-}
-[data-theme="dark"] .app-pw-table tbody td {
-    color: var(--color-text);
-    border-bottom-color: var(--color-text-heading);
-}
-[data-theme="dark"] .btn-danger-sm {
-    background: var(--color-badge-error-dark-bg);
-    color: var(--color-multiselect-danger-text);
-}
-[data-theme="dark"] .btn-danger-sm:hover {
-    background: var(--color-badge-error-dark-bg-hover);
-    color: var(--color-badge-error-border);
-}
-[data-theme="dark"] .app-pw-empty {
-    color: var(--color-text-subtle);
-}
-[data-theme="dark"] .app-pw-auto-section {
-    border-top-color: var(--color-border);
-}
-[data-theme="dark"] .app-pw-auto-toggle {
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .app-pw-auto-toggle:hover {
-    color: var(--color-text);
-}
-[data-theme="dark"] .app-pw-auto-count {
-    background: var(--color-border);
-    color: var(--color-text-faint);
-}
-[data-theme="dark"] .app-pw-auto-desc {
-    color: var(--color-text-subtle);
-}
-
-/* ── shared.css ── */
-[data-theme="dark"] .shared-filters {
-    background-color: var(--color-bg-subtle);
-    color: var(--color-text-faint);
-    border-bottom-color: var(--color-border);
-    box-shadow: 0 1px 3px var(--color-shadow-3xl);
-}
-
-[data-theme="dark"] .shared-view-container .shared-select-toggle {
-    background-color: var(--color-bg-surface);
-    border-color: var(--color-border);
-    color: var(--color-text-dark);
-}
-
-[data-theme="dark"] .shared-view-container .shared-filters {
-    background-color: var(--color-bg-subtle);
-    color: var(--color-text-faint);
-    border-bottom-color: var(--color-border);
-    box-shadow: 0 1px 3px var(--color-shadow-3xl);
-}
-
-[data-theme="dark"] .shared-view-container .shared-select-toggle:hover {
-    background-color: var(--color-border);
-    border-color: var(--color-border-medium);
-}
-
-[data-theme="dark"] .shared-view-container .shared-custom-select.open .shared-select-toggle {
-    border-color: var(--color-accent);
-    box-shadow: 0 0 0 4px var(--color-accent-ring-dark);
-    background-color: var(--color-bg-surface);
-}
-
-[data-theme="dark"] .shared-view-container .shared-select-arrow {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .shared-view-container .shared-select-dropdown {
-    background-color: var(--color-bg-surface);
-    border-color: var(--color-border);
-    box-shadow: 0 8px 30px var(--color-shadow-5xl);
-}
-
-[data-theme="dark"] .shared-view-container .shared-select-option {
-    color: var(--color-text-dark);
-}
-
-[data-theme="dark"] .shared-view-container .shared-select-option:hover {
-    background-color: var(--color-border);
-}
-
-[data-theme="dark"] .shared-view-container .shared-select-option.active {
-    background-color: var(--color-accent-ring);
-    color: var(--color-accent);
-}
-
-[data-theme="dark"] .filter-group label {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .filter-group select {
-    background-color: var(--color-bg-surface);
-    border-color: var(--color-border);
-    color: var(--color-text);
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
-}
-
-[data-theme="dark"] .filter-group select:focus {
-    border-color: var(--color-accent);
-    box-shadow: 0 0 0 3px var(--color-accent-ring-dark);
-}
-
-[data-theme="dark"] .search-box input {
-    background-color: var(--color-bg-surface);
-    border-color: var(--color-border);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .search-box input::placeholder {
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .shared-list-container {
-    background-color: var(--color-bg-surface);
-    box-shadow: 0 1px 3px var(--color-shadow-xl);
-}
-
-[data-theme="dark"] .shared-list thead th,
-[data-theme="dark"] .shared-table thead th {
-    background-color: var(--color-bg-subtle);
-    color: var(--color-text-faint);
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .shared-list tbody td,
-[data-theme="dark"] .shared-table tbody td {
-    border-bottom-color: var(--color-border);
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .shared-list tbody tr:hover,
-[data-theme="dark"] .shared-table tbody tr:hover {
-    background-color: var(--color-bg-subtle);
-}
-
-[data-theme="dark"] .page-description {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] #empty-shared-state.empty-state {
-    background-color: transparent;
-    box-shadow: none;
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] #empty-shared-state p {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .shared-list .action-btn,
-[data-theme="dark"] .shared-table .action-btn {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .shared-list .action-btn:hover,
-[data-theme="dark"] .shared-table .action-btn:hover {
-    color: var(--color-accent);
-}
-
 /* ── trash.css ── */
+/* FIXME avoir as much as possible specific cases */
 [data-theme="dark"] .trash-actions button,
 [data-theme="dark"] .actions-cell button {
     background: var(--color-bg-surface);
@@ -1570,5 +116,6 @@
 
 [data-theme="dark"] .trash-actions button:hover,
 [data-theme="dark"] .actions-cell button:hover {
-    background: var(--color-border);
+    background: var(--color-bg-alt);
+    color: var(--color-accent);
 }
diff --git a/static/css/views/admin.css b/static/css/views/admin.css
index 04800bb2..012bbebf 100644
--- a/static/css/views/admin.css
+++ b/static/css/views/admin.css
@@ -145,26 +145,7 @@ body {
 }
 .user-last-login-cell {
     font-size: 12px;
-    color: var(--color-text-faint);
-}
-
-/* ── Scrollbar ── */
-::-webkit-scrollbar {
-    width: 8px;
-}
-::-webkit-scrollbar-track {
-    background: transparent;
-}
-::-webkit-scrollbar-thumb {
-    background: var(--color-shadow-md);
-    border-radius: 4px;
-}
-::-webkit-scrollbar-thumb:hover {
-    background: var(--color-shadow-2xl);
-}
-* {
-    scrollbar-width: thin;
-    scrollbar-color: var(--color-shadow-md) transparent;
+    color: var(--color-text);
 }
 
 /* ── Top Header Bar ── */
@@ -441,7 +422,7 @@ table {
 th {
     text-align: left;
     padding: 12px 16px;
-    background: var(--color-bg-hover);
+    background: var(--color-bg-subtle);
     color: var(--color-text-faint);
     font-size: 11px;
     text-transform: uppercase;
@@ -459,7 +440,7 @@ tr:last-child td {
     border-bottom: none;
 }
 tr:hover {
-    background: var(--color-bg-off-white);
+    background: var(--color-bg-hover);
 }
 .user-info {
     display: flex;
diff --git a/static/css/views/auth.css b/static/css/views/auth.css
index 849af480..7ae672a6 100644
--- a/static/css/views/auth.css
+++ b/static/css/views/auth.css
@@ -439,23 +439,6 @@
     padding: 6px;
 }
 
-.lang-picker-list::-webkit-scrollbar {
-    width: 6px;
-}
-
-.lang-picker-list::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-.lang-picker-list::-webkit-scrollbar-thumb {
-    background: var(--color-border);
-    border-radius: 3px;
-}
-
-.lang-picker-list::-webkit-scrollbar-thumb:hover {
-    background: var(--color-text-faint);
-}
-
 /* Language item in dropdown */
 .lang-picker-item {
     display: flex;
diff --git a/static/css/views/profile.css b/static/css/views/profile.css
index c7843d65..fc549028 100644
--- a/static/css/views/profile.css
+++ b/static/css/views/profile.css
@@ -27,22 +27,6 @@ body {
 
 /* #main-content and #auth-error start hidden via .hidden class */
 
-/* ── Scrollbar ── */
-::-webkit-scrollbar {
-    width: 8px;
-}
-::-webkit-scrollbar-track {
-    background: transparent;
-}
-::-webkit-scrollbar-thumb {
-    background: var(--color-shadow-md);
-    border-radius: 4px;
-}
-* {
-    scrollbar-width: thin;
-    scrollbar-color: var(--color-shadow-md) transparent;
-}
-
 /* ── Header ── */
 .profile-header {
     background: linear-gradient(135deg, var(--color-sidebar-bg-from) 0%, var(--color-sidebar-bg-to) 100%);
@@ -198,7 +182,7 @@ body {
 }
 .info-item {
     padding: 16px;
-    background: var(--color-bg-hover);
+    background: var(--color-bg-alt);
     border-radius: 12px;
     border: 1px solid var(--color-border);
 }
@@ -305,11 +289,14 @@ body {
     border: 2px solid var(--color-border);
     border-radius: 10px;
     font-size: 14px;
-    background: var(--color-bg-hover);
+    background: var(--color-bg-input);
     transition: all 0.2s;
     font-family: inherit;
     color: var(--color-text-heading);
 }
+.form-group input:hover {
+    background: var(--color-bg-surface);
+}
 .form-group input:focus {
     outline: none;
     border-color: var(--color-accent);
@@ -639,11 +626,16 @@ body {
     border: 2px solid var(--color-border);
     border-radius: 10px;
     font-size: 14px;
-    background: var(--color-bg-hover);
+    background: var(--color-bg-input);
     transition: all 0.2s;
     font-family: inherit;
     color: var(--color-text-heading);
 }
+
+.app-pw-create input:hover {
+    background: var(--color-bg-surface);
+}
+
 .app-pw-create input:focus {
     outline: none;
     border-color: var(--color-accent);
diff --git a/static/css/views/shared.css b/static/css/views/shared.css
index 4b5444f8..380605b2 100644
--- a/static/css/views/shared.css
+++ b/static/css/views/shared.css
@@ -219,6 +219,7 @@
     padding: 15px;
     border-bottom: 1px solid var(--color-border-xfaint);
     vertical-align: middle;
+    color: var(--color-text);
 }
 
 .shared-item-name {