/* Dark color layer for the workspace layout defined by cms-light.css. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d1118; --surface: #151b24; --surface-2: #111720; --surface-3: #1c2531;
  --line: #283241; --line-strong: #3a485b; --text: #e8edf5; --muted: #93a0b3;
  --yellow: #e2b252; --yellow-strong: #f0bd55; --green: #55c59f; --red: #ef7789;
  --blue: #78a2ff; --teal: #59c7ad; --shadow: 0 8px 28px rgb(0 0 0 / 18%);
}
:root[data-theme="dark"] body { background: var(--bg); color: var(--text); }
:root[data-theme="dark"] .skip-link,
:root[data-theme="dark"] .app-header,
:root[data-theme="dark"] .button,
:root[data-theme="dark"] .button.quiet,
:root[data-theme="dark"] .language-switch button[aria-pressed="true"],
:root[data-theme="dark"] .theme-toggle { background: var(--surface); color: #c4cfdd; }
:root[data-theme="dark"] .button.primary { background: #4f78d5; border-color: #4f78d5; color: #fff; box-shadow: 0 4px 12px #1e3f8140; }
:root[data-theme="dark"] .app-header { border-color: var(--line); }
:root[data-theme="dark"] .brand-mark { background: #f0c75e; color: #3f3011; box-shadow: inset 0 0 0 1px #d4a93f; }
:root[data-theme="dark"] .brand small,
:root[data-theme="dark"] .navigation-label,
:root[data-theme="dark"] .workspace-breadcrumb,
:root[data-theme="dark"] .eyebrow,
:root[data-theme="dark"] .summary-date,
:root[data-theme="dark"] .section-heading p { color: #8795a9; }
:root[data-theme="dark"] .tabs button { color: #98a6b9; }
:root[data-theme="dark"] .tabs button[aria-current="page"],
:root[data-theme="dark"] .tabs button[aria-current="page"]:hover { background: #1d2b43; color: #8bb1ff; }
:root[data-theme="dark"] .nav-count,
:root[data-theme="dark"] .column-count,
:root[data-theme="dark"] .owner-avatar { background: #222d3b; color: #a9b7ca; }
:root[data-theme="dark"] .sidebar-note,
:root[data-theme="dark"] .control-card { background: #111821; border-color: var(--line); }
:root[data-theme="dark"] .account { border-color: var(--line); }
:root[data-theme="dark"] .account-avatar { background: #27223b; color: #c3a9ff; }
:root[data-theme="dark"] .account-email,
:root[data-theme="dark"] .workspace-breadcrumb strong,
:root[data-theme="dark"] .button.quiet { color: #adbacb; }
:root[data-theme="dark"] .workspace-toolbar { border-color: var(--line); }
:root[data-theme="dark"] .language-switch { background: #10161f; border-color: var(--line); }
:root[data-theme="dark"] .language-switch button { color: #8795a9; }
:root[data-theme="dark"] .language-switch button[aria-pressed="true"] { color: #91b5ff; box-shadow: 0 1px 4px #0005; }
:root[data-theme="dark"] .workspace-notice { border-color: #6c5328; background: #2a2113; color: #e7bd65; }
:root[data-theme="dark"] .metric-card,
:root[data-theme="dark"] .section-card,
:root[data-theme="dark"] .character-detail-card,
:root[data-theme="dark"] .task-card,
:root[data-theme="dark"] .login-card,
:root[data-theme="dark"] .toast { background: var(--surface); border-color: var(--line); color: var(--text); }
:root[data-theme="dark"] .registration-card { background: linear-gradient(140deg, #151b24 45%, #152131); }
:root[data-theme="dark"] .metric-heading,
:root[data-theme="dark"] .breakdown-row > span { color: #aeb9c8; }
:root[data-theme="dark"] .metric-symbol.blue { background: #1b2a45; color: #8bb2ff; }
:root[data-theme="dark"] .metric-symbol.teal { background: #16332e; color: #65cfb4; }
:root[data-theme="dark"] .metric-symbol.violet { background: #2b2340; color: #b79be7; }
:root[data-theme="dark"] .metric-symbol.amber { background: #342817; color: #e0b35e; }
:root[data-theme="dark"] progress,
:root[data-theme="dark"] progress::-webkit-progress-bar { background: #252f3d; }
:root[data-theme="dark"] .milestone-marker { border-color: #344153; color: #9aa8bb; background: #19212b; }
:root[data-theme="dark"] .milestone.reached .milestone-marker { background: #17372e; border-color: #285d4d; color: #68d2b1; }
:root[data-theme="dark"] .launch-timeline li:not(:last-child)::after { background: #303b4b; }
:root[data-theme="dark"] .timeline-marker { background: #1b2a43; color: #8cb1f5; }
:root[data-theme="dark"] .launch-timeline li:nth-child(2) .timeline-marker { background: #16332d; color: #67cab2; }
:root[data-theme="dark"] .launch-timeline li:nth-child(3) .timeline-marker { background: #352a19; color: #dfb966; }
:root[data-theme="dark"] .timeline-phase,
:root[data-theme="dark"] .launch-timeline p,
:root[data-theme="dark"] .launch-timeline small { color: #93a1b5; }
:root[data-theme="dark"] .current-release-strip { border-color: #2b3b55; background: #172235; }
:root[data-theme="dark"] .current-release-strip > svg { color: #607ea9; }
:root[data-theme="dark"] .card-label { color: #94a3b7; }
:root[data-theme="dark"] .service-empty-icon { background: #202a37; color: #8d9db2; }
:root[data-theme="dark"] .activity-item { border-color: var(--line); }
:root[data-theme="dark"] .overview-data-note,
:root[data-theme="dark"] .metric-card > span,
:root[data-theme="dark"] .dashboard-footnote,
:root[data-theme="dark"] .milestone small,
:root[data-theme="dark"] .activity-item time,
:root[data-theme="dark"] .activity-item div span,
:root[data-theme="dark"] .release-meta,
:root[data-theme="dark"] .control-card p,
:root[data-theme="dark"] .service-overview p { color: #8e9cae; }
:root[data-theme="dark"] .status-pill { background: #252f3c; color: #aab6c6; }
:root[data-theme="dark"] .status-pill.published,
:root[data-theme="dark"] .status-pill.healthy,
:root[data-theme="dark"] .status-pill.active,
:root[data-theme="dark"] .status-pill.allowed { background: #17372d; color: #72d4b4; }
:root[data-theme="dark"] .status-pill.draft { background: #352a18; color: #e1b965; }
:root[data-theme="dark"] .status-pill.offline,
:root[data-theme="dark"] .status-pill.blocked { background: #3a2027; color: #f08da0; }
:root[data-theme="dark"] .kanban-column { background: #111720; border-color: #26313f; }
:root[data-theme="dark"] .task-card { box-shadow: 0 3px 12px #0002; }
:root[data-theme="dark"] .task-title { color: var(--text); }
:root[data-theme="dark"] .empty-task-column { border-color: #3a4657; color: #8492a6; }
:root[data-theme="dark"] .kanban-column.drag-over { background: #17243a; border-color: #557bbc; }
:root[data-theme="dark"] th { background: #111720; color: #93a1b5; }
:root[data-theme="dark"] td { color: #b1bdcc; }
:root[data-theme="dark"] .table-wrap,
:root[data-theme="dark"] table,
:root[data-theme="dark"] th,
:root[data-theme="dark"] td { border-color: var(--line); }
:root[data-theme="dark"] .player-filters label,
:root[data-theme="dark"] .field,
:root[data-theme="dark"] .character-editor label,
:root[data-theme="dark"] .asset-editor label { color: #a3b0c0; }
:root[data-theme="dark"] .player-filters input,
:root[data-theme="dark"] .player-filters select,
:root[data-theme="dark"] .player-page-controls select,
:root[data-theme="dark"] .field input,
:root[data-theme="dark"] .field textarea,
:root[data-theme="dark"] .character-editor input,
:root[data-theme="dark"] .asset-editor input,
:root[data-theme="dark"] .asset-editor select { background: #10161e; border-color: #344052; color: var(--text); }
:root[data-theme="dark"] .player-access-hint { background: #17243a; color: #9cb4d8; }
:root[data-theme="dark"] .character-detail-columns h3,
:root[data-theme="dark"] .character-editor summary,
:root[data-theme="dark"] .asset-editor summary,
:root[data-theme="dark"] .locker-channel summary,
:root[data-theme="dark"] .technical-fields summary { color: #b5c3d5; }
:root[data-theme="dark"] .character-asset-tabs button[aria-selected="true"],
:root[data-theme="dark"] .asset-page-tabs button[aria-selected="true"] { background: #20304a; color: #8bb0f4; }
:root[data-theme="dark"] .release-dialog::backdrop,
:root[data-theme="dark"] .task-dialog::backdrop { background: #05080caa; }
:root[data-theme="dark"] .login-shell { background: radial-gradient(ellipse at 70% 25%, #16233b, transparent 45%), radial-gradient(ellipse at 20% 80%, #132b27, transparent 40%), #0d1118; }
:root[data-theme="dark"] .storage-grid-shell { background: #0f151d; border-color: #303b4a; box-shadow: inset 0 0 28px #0005; }
:root[data-theme="dark"] .game-item-cell { background: #161e28; border-color: #354254; }
:root[data-theme="dark"] .game-item-cell.occupied { background: linear-gradient(145deg, #272317, #171d25); border-color: #6f5b2f; }
:root[data-theme="dark"] .game-item-cell.locked { background: repeating-linear-gradient(135deg, #131922, #131922 5px, #181f29 5px, #181f29 10px); border-color: #2d3745; }
:root[data-theme="dark"] .game-asset-fallback { background: #263243; color: #a1b1c8; }
:root[data-theme="dark"] .equipment-avatar { border-color: #34445d; box-shadow: inset 0 0 32px #0006; }
:root[data-theme="dark"] .equipment-avatar > span { background: #211e16ed; border-color: #5d5133; color: #dfcd9b; }
:root[data-theme="dark"] .equipment-slot.occupied { border-color: #6b5932; }
:root[data-theme="dark"] .equipment-empty-mark { border-color: #3a4656; }
@media (hover: hover) and (pointer: fine) {
  :root[data-theme="dark"] .button.primary:hover { background: #5c86e2; border-color: #5c86e2; }
  :root[data-theme="dark"] .tabs button:hover:not([aria-current="page"]),
  :root[data-theme="dark"] .button:not(.primary):hover,
  :root[data-theme="dark"] .language-switch button:hover:not([aria-pressed="true"]),
  :root[data-theme="dark"] .theme-toggle:hover { background: #1c2531; border-color: #3b4a5e; color: #cbd6e4; }
  :root[data-theme="dark"] tbody tr:hover td { background: #18212c; }
  :root[data-theme="dark"] .task-card:hover { border-color: #45618a; }
  :root[data-theme="dark"] .task-move:hover,
  :root[data-theme="dark"] .add-card:hover { background: #1e2d43; color: #91b2eb; }
}