:root[data-theme-family="fluent-neon"][data-color-mode="dark"] {
  --color-page-bg: #11161d;
  --color-surface: #1a2430;
  --color-surface-elevated: #202d3c;
  --color-border: #38506a;
  --color-border-strong: #67c9ff;
  --color-text-primary: #edf7ff;
  --color-text-muted: #9fb4c7;
  --color-accent: #3fb4ff;
  --color-accent-contrast: #05233d;
  --color-selection-bg: #1f4460;
  --color-selection-border: #70d2ff;
  --color-current-row-bg: #1a364d;
  --color-current-row-border: #8fbeff;
  --color-active-pane-border: #70d2ff;
  --color-button-bg: #21405a;
  --color-button-hover: #29506f;
  --color-button-secondary-bg: #1a3146;
  --color-list-header-bg: rgba(63, 180, 255, 0.08);
  --color-list-row-hover: rgba(63, 180, 255, 0.08);
  --color-danger: #f1a5a5;
  --color-danger-bg: #53292f;
  --color-overlay-bg: rgba(8, 12, 18, 0.64);
  --shadow-panel: 0 10px 24px rgba(0, 20, 40, 0.24);
  --shadow-elevated: 0 20px 44px rgba(0, 22, 44, 0.34);
}

:root[data-theme-family="fluent-neon"][data-color-mode="light"] {
  --color-page-bg: #eff7ff;
  --color-surface: #ffffff;
  --color-surface-elevated: #e8f3ff;
  --color-border: #c8ddf4;
  --color-border-strong: #66b8ff;
  --color-text-primary: #132536;
  --color-text-muted: #667f95;
  --color-accent: #0d89ec;
  --color-accent-contrast: #ffffff;
  --color-selection-bg: #dff1ff;
  --color-selection-border: #6cc6ff;
  --color-current-row-bg: #edf7ff;
  --color-current-row-border: #8fbfff;
  --color-active-pane-border: #4bb4ff;
  --color-button-bg: #dfeeff;
  --color-button-hover: #d0e6ff;
  --color-button-secondary-bg: #edf5ff;
  --color-list-header-bg: rgba(13, 137, 236, 0.05);
  --color-list-row-hover: rgba(13, 137, 236, 0.05);
  --color-danger: #bb3845;
  --color-danger-bg: #fde8eb;
  --color-overlay-bg: rgba(18, 34, 50, 0.22);
  --shadow-panel: 0 10px 22px rgba(33, 102, 176, 0.12);
  --shadow-elevated: 0 20px 42px rgba(33, 102, 176, 0.18);
}
