html[data-theme="mist"] {
  --theme-bg: #d8e4ec;
  --theme-surface: #e4edf4;
  --theme-surface-2: #c8d6e0;
  --theme-text: #0d1a22;
  --theme-muted: #3d5060;
  --theme-border: rgba(15, 50, 80, 0.22);

  --theme-primary: #2a6080;
  --theme-primary-2: #1e4d68;
  --theme-success: #2d7845;
  --theme-warning: #7a6010;
  --theme-danger: #a82e28;

  --theme-link: #22577a;

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