:root[data-theme-family="catppuccin-soft"][data-color-mode="dark"] {
  --color-page-bg: #1e1f2c;
  --color-surface: #2b2d42;
  --color-surface-elevated: #353853;
  --color-border: #585b7b;
  --color-border-strong: #b4befe;
  --color-text-primary: #f4f1fb;
  --color-text-muted: #c4bedb;
  --color-accent: #f5c2e7;
  --color-accent-contrast: #44253c;
  --color-selection-bg: #4a466a;
  --color-selection-border: #f2a6d9;
  --color-current-row-bg: #3d3a58;
  --color-current-row-border: #89dceb;
  --color-active-pane-border: #89dceb;
  --color-button-bg: #44425f;
  --color-button-hover: #514e71;
  --color-button-secondary-bg: #373550;
  --color-list-header-bg: rgba(245, 194, 231, 0.08);
  --color-list-row-hover: rgba(245, 194, 231, 0.08);
  --color-danger: #f2a6b3;
  --color-danger-bg: #5b3040;
  --color-overlay-bg: rgba(12, 10, 20, 0.62);
}

:root[data-theme-family="catppuccin-soft"][data-color-mode="light"] {
  --color-page-bg: #f7f2fb;
  --color-surface: #fff9fd;
  --color-surface-elevated: #f4ebf7;
  --color-border: #dccde6;
  --color-border-strong: #c49ecf;
  --color-text-primary: #3d314c;
  --color-text-muted: #7d6d8f;
  --color-accent: #b85ba0;
  --color-accent-contrast: #ffffff;
  --color-selection-bg: #f0dff1;
  --color-selection-border: #d695c5;
  --color-current-row-bg: #f7ebf4;
  --color-current-row-border: #97ccd6;
  --color-active-pane-border: #97ccd6;
  --color-button-bg: #f2e5f0;
  --color-button-hover: #ead8e6;
  --color-button-secondary-bg: #f8f0f7;
  --color-list-header-bg: rgba(184, 91, 160, 0.05);
  --color-list-row-hover: rgba(184, 91, 160, 0.05);
  --color-danger: #b34d69;
  --color-danger-bg: #fbe7ec;
  --color-overlay-bg: rgba(35, 22, 44, 0.22);
}