:root[color="dark"] {
  --wm-color-primary: #d0bcfe;
  --wm-color-primary-container: #4f378b;
  --wm-color-primary-fixed: #eaddff;
  --wm-color-primary-fixed-dim: #ffe8e2;
  --wm-color-on-primary: #381e72;
  --wm-color-on-primary-container: #eaddff;
  --wm-color-on-primary-fixed: #21005d;
  --wm-color-on-primary-fixed-variant: #4f378b;
  --wm-color-secondary: #ccc2dc;
  --wm-color-secondary-container: #4a4458;
  --wm-color-secondary-fixed: #e8def8;
  --wm-color-secondary-fixed-dim: #bbbcd6;
  --wm-color-on-secondary: #332d41;
  --wm-color-on-secondary-container: #e8def8;
  --wm-color-on-secondary-fixed: #1d192b;
  --wm-color-on-secondary-fixed-variant: #4a4458;
  --wm-color-tertiary: #efb8c8;
  --wm-color-tertiary-container: #633b48;
  --wm-color-tertiary-fixed: #ffd8e4;
  --wm-color-tertiary-fixed-dim: #e9e1c3;
  --wm-color-on-tertiary: #492532;
  --wm-color-on-tertiary-container: #ffd8e4;
  --wm-color-on-tertiary-fixed: #31111d;
  --wm-color-on-tertiary-fixed-variant: #633b48;
  --wm-color-success: #5AC588;
  --wm-color-success-container: #d6ffe8;
  --wm-color-on-success: #1d192b;
  --wm-color-on-success-container: #11251a;
  --wm-color-info: #00c8ff;
  --wm-color-info-container: #ddf7ff;
  --wm-color-on-info: #FFFFFF;
  --wm-color-on-info-container: #191919;
  --wm-color-warning: #ffae00;
  --wm-color-warning-container: #fff4d5;
  --wm-color-on-warning: #FFFFFF;
  --wm-color-on-warning-container: #1b1b1b;
  --wm-color-error: #f2b8b5;
  --wm-color-error-container: #8c1d18;
  --wm-color-on-error: #601410;
  --wm-color-on-error-container: #f9dedc;
  --wm-color-background: #141218;
  --wm-color-on-background: #e6e0e9;
  --wm-color-outline: #938f99;
  --wm-color-outline-variant: #49454f;
  --wm-color-shadow: #ffffff;
  --wm-color-scrim: #000000;
  --wm-color-surface: #141218;
  --wm-color-surface-variant: #49454f;
  --wm-color-surface-bright: #3b383e;
  --wm-color-surface-dim: #141218;
  --wm-color-surface-tint: #d0bcff;
  --wm-color-surface-container: #ebebf7;
  --wm-color-surface-container-low: #1d1b20;
  --wm-color-surface-container-lowest: #0f0d13;
  --wm-color-surface-container-high: #2b2930;
  --wm-color-surface-container-highest: #36343b;
  --wm-color-on-surface: #e6e0e9;
  --wm-color-on-surface-variant: #cac4d0;
  --wm-color-inverse-surface: #e6e0e9;
  --wm-color-inverse-on-surface: #322f35;
  --wm-color-inverse-primary: #6750a4;
  --wm-color-white: #FFFFFF;
  --wm-color-black: #000000;
  --wm-color-transparent: transparent;
  --wm-color-border-translucent: rgba(0, 0, 0, 0.175);
  --wm-color-border: var(--wm-color-outline-variant);
}
