html[data-theme="midnight"] {
  --theme-bg: #0a0e1a;
  --theme-surface: #101828;
  --theme-surface-2: #182234;
  --theme-text: #c8d4e8;
  --theme-muted: #5a6880;
  --theme-border: rgba(80, 120, 200, 0.22);

  --theme-primary: #4a8fd0;
  --theme-primary-2: #3572b0;
  --theme-success: #4fb87a;
  --theme-warning: #e8bd55;
  --theme-danger: #d96055;

  --theme-link: #5a9fdf;

  --theme-icon-filter: brightness(0) invert(1);
}