:root[data-theme-family="commander-electric"][data-color-mode="dark"] {
  --color-page-bg: #08111f;
  --color-surface: #0e2344;
  --color-surface-elevated: #13305f;
  --color-border: #29528f;
  --color-border-strong: #67b8ff;
  --color-text-primary: #edf6ff;
  --color-text-muted: #9fc1ea;
  --color-accent: #53d5ff;
  --color-accent-contrast: #032239;
  --color-selection-bg: #184784;
  --color-selection-border: #66d6ff;
  --color-current-row-bg: #123563;
  --color-current-row-border: #ffe36a;
  --color-active-pane-border: #ffe36a;
  --color-button-bg: #174177;
  --color-button-hover: #205394;
  --color-button-secondary-bg: #102d58;
  --color-list-header-bg: rgba(83, 213, 255, 0.08);
  --color-list-row-hover: rgba(83, 213, 255, 0.1);
  --color-danger: #ffb1a1;
  --color-danger-bg: #5f261f;
  --color-overlay-bg: rgba(2, 8, 18, 0.7);
  --shadow-panel: 0 8px 20px rgba(0, 12, 30, 0.24);
  --shadow-elevated: 0 18px 40px rgba(0, 12, 34, 0.36);
}

:root[data-theme-family="commander-electric"][data-color-mode="light"] {
  --color-page-bg: #dceaff;
  --color-surface: #f8fbff;
  --color-surface-elevated: #dfeeff;
  --color-border: #8bb0e3;
  --color-border-strong: #3478d6;
  --color-text-primary: #0e2344;
  --color-text-muted: #4f6891;
  --color-accent: #006fd6;
  --color-accent-contrast: #ffffff;
  --color-selection-bg: #cae2ff;
  --color-selection-border: #4ba5ff;
  --color-current-row-bg: #e7f2ff;
  --color-current-row-border: #d0aa19;
  --color-active-pane-border: #d0aa19;
  --color-button-bg: #d5e8ff;
  --color-button-hover: #c0dcff;
  --color-button-secondary-bg: #e8f2ff;
  --color-list-header-bg: rgba(0, 111, 214, 0.06);
  --color-list-row-hover: rgba(0, 111, 214, 0.06);
  --color-danger: #b23c2f;
  --color-danger-bg: #fde9e4;
  --color-overlay-bg: rgba(8, 23, 45, 0.24);
  --shadow-panel: 0 8px 18px rgba(28, 66, 120, 0.12);
  --shadow-elevated: 0 18px 36px rgba(28, 66, 120, 0.18);
}