/* Dark theme: same structure as light, green accent kept, white → dark */
:root {
    --color-header-background: #038C96;
    --color-background: #2d3436;
    --color-text: #dfe6e9;
    --color-primary: #0077cc;
    --color-secondary: #3d4a4d;
    --color-accent: #ffbc42;
    --color-border: #4a5d60;
    --color-box-background: #37474f;
    --color-file-row-alt: rgba(255, 255, 255, 0.04);

    --color-success-text: #ffffff;
    --color-success-background: #0d6b12;
    --color-success-border: #0a4d0e;

    --color-warning-text: #ffecb3;
    --color-warning-background: #5d4037;
    --color-warning-border: #ffbc42;

    --color-error: #c62828;
    --color-error-text: #ffffff;
    --color-error-background: #ac4444;
    --color-error-border: #9a0000;
}

body {
    background-color: var(--color-background);
    color: var(--color-text);
}

a {
    color: #74b9ff;
}

a:hover {
    color: var(--color-accent);
}

.container {
    background: var(--color-background);
    color: var(--color-text);
}

.site-header {
    background-color: var(--color-header-background);
}

.main-nav a {
    color: rgba(255, 255, 255, 0.9);
}

.main-nav a:hover,
.main-nav a.active {
    color: white;
}

.main-nav a.active::after {
    background-color: var(--color-accent);
}

.page-section {
    background: var(--color-box-background);
}

.form-grid input,
.form-grid select,
.form-grid textarea,
.form-group input,
.upload-option select {
    background: var(--color-secondary);
    color: var(--color-text);
    border-color: var(--color-border);
}

.form-grid input::placeholder,
.form-grid textarea::placeholder {
    color: rgba(223, 230, 233, 0.6);
}

.stat-card,
.file-header {
    background: var(--color-secondary);
    border-color: var(--color-border);
}

.settings-card {
    background: var(--color-secondary);
    border-color: var(--color-border);
}

.settings-card-title {
    background: rgba(0,0,0,0.2);
    border-bottom-color: var(--color-border);
}

.settings-card-body .settings-row input,
.settings-card-body .settings-row select,
.settings-card-body .settings-row textarea {
    background: var(--color-box-background);
    color: var(--color-text);
    border-color: var(--color-border);
}

.stat-value {
    color: var(--color-header-background);
}

.sidebar-nav a {
    color: var(--color-text);
}

.sidebar-nav a.active,
.sidebar-nav a:hover {
    background-color: var(--color-secondary);
    color: var(--color-header-background);
}

.changelog-box,
.release-notes-box {
    background-color: #1e272e;
    color: #dfe6e9;
}

.file-row-toggle {
    background: var(--color-secondary);
    border-color: var(--color-border);
    color: var(--color-text);
}

.file-row-toggle:hover {
    background: var(--color-box-background);
}

.file-row-details {
    background: rgba(0, 0, 0, 0.15);
}

.admin-reports-review-note {
    background: var(--color-secondary);
    color: var(--color-text);
    border-color: var(--color-border);
}

.release-notes pre,
.release-notes code {
    background: rgba(0, 0, 0, 0.28);
}

.release-notes pre code {
    background: none;
}

.file-row,
.file-row-dashboard,
.file-row-user-management,
.file-row-file-management {
    border-bottom-color: var(--color-border);
}

.welcome-banner {
    background: var(--color-secondary);
    border-left-color: #00b894;
}

/* Upload page dark mode */
.upload-page .drop-zone {
    background: linear-gradient(135deg, rgba(3, 140, 150, 0.08) 0%, rgba(3, 140, 150, 0.15) 100%);
}

.upload-page .drop-zone:hover {
    background: linear-gradient(135deg, rgba(255, 188, 66, 0.1) 0%, rgba(255, 188, 66, 0.2) 100%);
}

.upload-page .drop-zone.dragover {
    background: linear-gradient(135deg, rgba(3, 140, 150, 0.2) 0%, rgba(3, 140, 150, 0.28) 100%);
}

.upload-page .upload-progress,
.upload-page .progress-bar-block,
.progress-bar-block {
    background: rgba(3, 140, 150, 0.15);
}