:root[data-theme-family="default"][data-color-mode="dark"] {
  --color-page-bg: #161c25;
  --color-surface: #1d2531;
  --color-surface-elevated: #222c39;
  --color-border: #314052;
  --color-border-strong: #55739f;
  --color-text-primary: #e7edf6;
  --color-text-muted: #9aa9bd;
  --color-accent: #6aa5ff;
  --color-accent-contrast: #07192f;
  --color-selection-bg: #233754;
  --color-selection-border: #5c8fda;
  --color-current-row-bg: #1f2d42;
  --color-current-row-border: #6a87b5;
  --color-active-pane-border: #78adff;
  --color-button-bg: #283444;
  --color-button-hover: #314258;
  --color-button-secondary-bg: #202935;
  --color-list-header-bg: rgba(255, 255, 255, 0.02);
  --color-list-row-hover: rgba(106, 165, 255, 0.08);
  --color-danger: #ff8e8e;
  --color-danger-bg: #462328;
  --color-overlay-bg: rgba(8, 12, 18, 0.62);
}

:root[data-theme-family="default"][data-color-mode="light"] {
  --color-page-bg: #eef3f9;
  --color-surface: #ffffff;
  --color-surface-elevated: #f8fbff;
  --color-border: #d6e0ec;
  --color-border-strong: #7ca0d1;
  --color-text-primary: #172233;
  --color-text-muted: #617086;
  --color-accent: #235ec7;
  --color-accent-contrast: #ffffff;
  --color-selection-bg: #e5eefc;
  --color-selection-border: #7b9fdb;
  --color-current-row-bg: #f1f6ff;
  --color-current-row-border: #a2bce8;
  --color-active-pane-border: #235ec7;
  --color-button-bg: #f6f9fd;
  --color-button-hover: #edf3fb;
  --color-button-secondary-bg: #f3f6fb;
  --color-list-header-bg: #f8fbff;
  --color-list-row-hover: #f5f9ff;
  --color-danger: #b42323;
  --color-danger-bg: #fdecec;
  --color-overlay-bg: rgba(18, 28, 40, 0.30);
}