:root[data-theme-family="windows11"][data-color-mode="dark"] {
  --color-page-bg: #14181f;
  --color-surface: #1b212b;
  --color-surface-elevated: #222a35;
  --color-border: #344050;
  --color-border-strong: #6d8fb7;
  --color-text-primary: #ebf1f8;
  --color-text-muted: #9facc0;
  --color-accent: #7bb0ff;
  --color-accent-contrast: #081b33;
  --color-selection-bg: #23344c;
  --color-selection-border: #78a9f4;
  --color-current-row-bg: #1e2b3f;
  --color-current-row-border: #7892b7;
  --color-active-pane-border: #83b6ff;
  --color-button-bg: #253142;
  --color-button-hover: #2e3d53;
  --color-button-secondary-bg: #1e2834;
  --color-list-header-bg: rgba(255, 255, 255, 0.025);
  --color-list-row-hover: rgba(123, 176, 255, 0.085);
  --color-danger: #f0a0a0;
  --color-danger-bg: #4b2a2d;
  --color-overlay-bg: rgba(8, 12, 18, 0.58);
}

:root[data-theme-family="windows11"][data-color-mode="light"] {
  --color-page-bg: #edf3fb;
  --color-surface: #ffffff;
  --color-surface-elevated: #f7fbff;
  --color-border: #d3deec;
  --color-border-strong: #88a7d1;
  --color-text-primary: #162231;
  --color-text-muted: #64758d;
  --color-accent: #2b66d2;
  --color-accent-contrast: #ffffff;
  --color-selection-bg: #e5efff;
  --color-selection-border: #89aae1;
  --color-current-row-bg: #f1f6ff;
  --color-current-row-border: #adc3e8;
  --color-active-pane-border: #3c78df;
  --color-button-bg: #f4f8ff;
  --color-button-hover: #ebf2ff;
  --color-button-secondary-bg: #f1f5fb;
  --color-list-header-bg: #f8fbff;
  --color-list-row-hover: #f3f7ff;
  --color-danger: #b22f2f;
  --color-danger-bg: #fdecec;
  --color-overlay-bg: rgba(17, 26, 38, 0.24);
}