:root {
  /* light neo */
  --color-neo-light-background: #e0e5ec;
  --color-neo-light-surface: #e0e5ec;
  --color-neo-light-surface-bright: #ffffff;
  --color-neo-light-surface-light: #d1d9e6;
  --color-neo-light-surface-variant: #a3b1c6;
  --color-neo-light-on-surface-variant: #2d3748;
  --color-neo-light-primary: #6b73ff;
  --color-neo-light-primary-darken-1: #5a63e8;
  --color-neo-light-secondary: #ff6b9d;
  --color-neo-light-secondary-darken-1: #e85a8d;
  --color-neo-light-error: #ff4757;
  --color-neo-light-info: #2ed573;
  --color-neo-light-success: #1e90ff;
  --color-neo-light-warning: #ffa502; /* dark neo */
  --color-neo-dark-background: #1a1d28;
  --color-neo-dark-surface: #252a38;
  --color-neo-dark-surface-bright: #2d3242;
  --color-neo-dark-surface-light: #1e222d;
  --color-neo-dark-surface-variant: #a3b1c6;
  --color-neo-dark-on-surface-variant: #1a1d28;
  --color-neo-dark-primary: #828bff;
  --color-neo-dark-primary-darken-1: #727bea;
  --color-neo-dark-secondary: #ff82b4;
  --color-neo-dark-secondary-darken-1: #ea72a4;
  --color-neo-dark-error: #ff6b7a;
  --color-neo-dark-info: #4deb95;
  --color-neo-dark-success: #4dabff;
  --color-neo-dark-warning: #ffb833;
}
.theme-neo-light {
  --color-tw-background: var(--color-neo-light-background);
  --color-tw-surface: var(--color-neo-light-surface);
  --color-tw-surface-bright: var(--color-neo-light-surface-bright);
  --color-tw-surface-light: var(--color-neo-light-surface-light);
  --color-tw-surface-variant: var(--color-neo-light-surface-variant);
  --color-tw-on-surface-variant: var(--color-neo-light-on-surface-variant);
  --color-tw-primary: var(--color-neo-light-primary);
  --color-tw-primary-darken-1: var(--color-neo-light-primary-darken-1);
  --color-tw-secondary: var(--color-neo-light-secondary);
  --color-tw-secondary-darken-1: var(--color-neo-light-secondary-darken-1);
  --color-tw-error: var(--color-neo-light-error);
  --color-tw-info: var(--color-neo-light-info);
  --color-tw-success: var(--color-neo-light-success);
  --color-tw-warning: var(--color-neo-light-warning);
}
.theme-neo-dark {
  --color-tw-background: var(--color-neo-dark-background);
  --color-tw-surface: var(--color-neo-dark-surface);
  --color-tw-surface-bright: var(--color-neo-dark-surface-bright);
  --color-tw-surface-dark: var(--color-neo-dark-surface-dark);
  --color-tw-surface-variant: var(--color-neo-dark-surface-variant);
  --color-tw-on-surface-variant: var(--color-neo-dark-on-surface-variant);
  --color-tw-primary: var(--color-neo-dark-primary);
  --color-tw-primary-darken-1: var(--color-neo-dark-primary-darken-1);
  --color-tw-secondary: var(--color-neo-dark-secondary);
  --color-tw-secondary-darken-1: var(--color-neo-dark-secondary-darken-1);
  --color-tw-error: var(--color-neo-dark-error);
  --color-tw-info: var(--color-neo-dark-info);
  --color-tw-success: var(--color-neo-dark-success);
  --color-tw-warning: var(--color-neo-dark-warning);
}