:root[data-theme-family="midnight"][data-color-mode="dark"] {
  --color-page-bg: #10131b;
  --color-surface: #171c28;
  --color-surface-elevated: #1c2230;
  --color-border: #2d3750;
  --color-border-strong: #5b79c4;
  --color-text-primary: #edf2fb;
  --color-text-muted: #90a0bf;
  --color-accent: #7aa4ff;
  --color-accent-contrast: #071427;
  --color-selection-bg: #1f3054;
  --color-selection-border: #6f96f1;
  --color-current-row-bg: #18243d;
  --color-current-row-border: #6b84bc;
  --color-active-pane-border: #82afff;
  --color-button-bg: #212a3e;
  --color-button-hover: #293653;
  --color-button-secondary-bg: #1a2130;
  --color-list-header-bg: rgba(255, 255, 255, 0.02);
  --color-list-row-hover: rgba(122, 164, 255, 0.09);
  --color-danger: #ff9ea5;
  --color-danger-bg: #48262c;
  --color-overlay-bg: rgba(4, 8, 15, 0.7);
}

:root[data-theme-family="midnight"][data-color-mode="light"] {
  --color-page-bg: #edf2fb;
  --color-surface: #ffffff;
  --color-surface-elevated: #f5f8ff;
  --color-border: #d4dcef;
  --color-border-strong: #7694d9;
  --color-text-primary: #182236;
  --color-text-muted: #617393;
  --color-accent: #315fc8;
  --color-accent-contrast: #ffffff;
  --color-selection-bg: #e1ebff;
  --color-selection-border: #85a3e6;
  --color-current-row-bg: #edf3ff;
  --color-current-row-border: #a7bbe8;
  --color-active-pane-border: #3c6bd3;
  --color-button-bg: #f5f8ff;
  --color-button-hover: #ebf1ff;
  --color-button-secondary-bg: #f1f5fd;
  --color-list-header-bg: #f6f9ff;
  --color-list-row-hover: #f2f6ff;
  --color-danger: #b2293c;
  --color-danger-bg: #fdecef;
  --color-overlay-bg: rgba(15, 23, 40, 0.28);
}