/* Neutral black surfaces with restrained ice-blue accents, scoped to dark mode. */
:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #050608; --bg-elevated: #171a1f;
    --card: #0e1013; --card-2: #171a1f; --input-bg: #090b0e;
    --text: #f2f4f7; --text-sub: #c1c8d2; --muted: #a3adba;
    --border: #303740; --border-soft: #22282f; --border-strong: #4e5b6c;
    --brand: #8abeff; --brand-dark: #b2d6ff; --brand-hover: #b2d6ff;
    --brand-soft: #192431; --accent: #8abeff; --on-brand: #091522;
    --text-body: var(--text-sub); --text-muted: var(--muted);
    --st-ok: #76d9b5; --st-ok-soft: #152923;
    --st-run: #8abeff; --st-run-soft: #192431;
    --st-done: #76d9b5; --st-pause: #f1c582; --st-pause-soft: #2d251b;
    --st-err: #ffa7b1; --st-error: #ffa7b1; --st-err-soft: #301d23;
    --st-info: #8abeff; --st-info-soft: #192431;
    --ui-bg: var(--bg); --ui-surface: var(--card); --ui-surface-soft: var(--card-2); --ui-surface-warm: var(--card);
    --ui-border: var(--border); --ui-border-strong: var(--border-strong);
    --ui-text: var(--text); --ui-text-secondary: var(--text-sub); --ui-text-muted: var(--muted);
    --ui-brand: var(--brand); --ui-brand-hover: var(--brand-dark); --ui-brand-soft: var(--brand-soft);
    --ui-success: var(--st-ok); --ui-success-soft: var(--st-ok-soft);
    --ui-warning: var(--st-pause); --ui-warning-soft: var(--st-pause-soft);
    --ui-danger: var(--st-err); --ui-danger-soft: var(--st-err-soft);
    --btn-primary: var(--brand); --btn-primary-hover: var(--brand-dark); --btn-primary-disabled: #3a4655;
    --btn-success: var(--st-ok); --btn-success-hover: #a0e7cd;
    --btn-warning: var(--st-pause); --btn-warning-hover: #f8d9a7;
    --btn-danger: var(--st-err); --btn-danger-hover: #ffc3ca;
    --badge-running-bg: var(--brand-soft); --badge-running-fg: var(--brand);
    --badge-completed-bg: var(--st-ok-soft); --badge-completed-fg: var(--st-ok);
    --badge-success-bg: var(--st-ok-soft); --badge-success-fg: var(--st-ok);
    --badge-done-bg: var(--st-ok-soft); --badge-done-fg: var(--st-ok);
    --badge-paused-bg: var(--st-pause-soft); --badge-paused-fg: var(--st-pause);
    --badge-pending-bg: var(--card-2); --badge-pending-fg: var(--text-sub);
    --badge-error-bg: var(--st-err-soft); --badge-error-fg: var(--st-err);
    --badge-interrupted-bg: var(--st-err-soft); --badge-interrupted-fg: var(--st-err);
    --shadow-soft: 0 2px 12px #00000026; --shadow-md: 0 8px 24px #00000040;
    --shadow-hover: 0 12px 30px #00000055; --shadow-brand: none; --glow-brand: none;
    --skeleton-bg: linear-gradient(90deg, #0e1013 25%, #22272e 40%, #0e1013 65%);
}
:root[data-theme="dark"][data-studio-accent="ink"] { --brand: #a4bfff; --brand-dark: #c7d8ff; --brand-hover: #c7d8ff; --brand-soft: #212634; }
:root[data-theme="dark"][data-studio-accent="teal"] { --brand: #72d8e8; --brand-dark: #a4e9f2; --brand-hover: #a4e9f2; --brand-soft: #172b30; }
:root[data-theme="dark"] ::selection { background: #294768; color: #fff; }
:root[data-theme="dark"] #view-home::before { display: none; }
:root[data-theme="dark"] :is(.navbar.navbar-fixed, .home-left-nav) { background: var(--card) !important; }
:root[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) { border-color: var(--border-strong); }
:root[data-theme="dark"] :is(input, select, textarea)::placeholder { color: var(--muted); opacity: 1; }
:root[data-theme="dark"] :is(.btn-primary, .btn.primary, .account-action.primary, .pay-btn.primary, .fancy-btn.primary) { color: var(--on-brand) !important; background: var(--brand) !important; border-color: var(--brand) !important; }
:root[data-theme="dark"] :is(.home-nav-item.active, .works-status-tabs button[aria-pressed="true"], .wa-tab[aria-selected="true"]) { color: var(--brand) !important; }
:root[data-theme="dark"] #view-status .writer-center.reading-dark .writer-paper,
:root[data-theme="dark"] #view-status .writer-center.reading-dark .writer-center-scroll { background: var(--input-bg) !important; border-color: var(--border); }
:root[data-theme="dark"] #view-status .writer-center.reading-dark :is(.writer-prose, .writer-prose p) { color: #d8dde5 !important; }
:root[data-theme="dark"] #view-status .writer-center.reading-dark .writer-chapter-title { color: var(--text) !important; }
:root[data-theme="dark"] #view-status .writer-center.reading-dark .writer-center-footer { background: var(--card) !important; color: var(--text-sub) !important; border-color: var(--border) !important; }
:root[data-theme="dark"] .ai-tool-view .deai-delta-down { color: var(--st-ok); background: var(--st-ok-soft); }
:root[data-theme="dark"] .ai-tool-view .deai-delta-up { color: var(--st-err); background: var(--st-err-soft); }
:root[data-theme="dark"] .studio-status.running::before { background: var(--brand); }
:root[data-theme="dark"] .studio-status.done::before { background: var(--st-ok); }
:root[data-theme="dark"] :is(.studio-status.paused, .studio-status.error, .studio-status.interrupted)::before { background: var(--st-pause); }
:root[data-theme="dark"] :is(.studio-book-cover, .work-cover-mark) { background-color: #26323f; }
:root[data-theme="dark"] .studio-work-row:nth-child(3n+2) .studio-book-cover { background-color: #343843; }
:root[data-theme="dark"] .studio-work-row:nth-child(3n+3) .studio-book-cover { background-color: #263b40; }