:root {
  /* light spring */
  --color-spring-light-background: #fff8f0;
  --color-spring-light-surface: #fffaf5;
  --color-spring-light-surface-bright: #ffffff;
  --color-spring-light-surface-light: #fff0e0;
  --color-spring-light-surface-variant: #87ceeb;
  --color-spring-light-on-surface-variant: #ffffff;
  --color-spring-light-primary: #ff69b4;
  --color-spring-light-primary-darken-1: #e6559d;
  --color-spring-light-secondary: #98fb98;
  --color-spring-light-secondary-darken-1: #85e085;
  --color-spring-light-error: #ff6b6b;
  --color-spring-light-info: #87ceeb;
  --color-spring-light-success: #32cd32;
  --color-spring-light-warning: #ffd700; /* dark spring */
  --color-spring-dark-background: #2d1b2e;
  --color-spring-dark-surface: #3a2942;
  --color-spring-dark-surface-bright: #4a3654;
  --color-spring-dark-surface-light: #332238;
  --color-spring-dark-surface-variant: #ffb6c1;
  --color-spring-dark-on-surface-variant: #2d1b2e;
  --color-spring-dark-primary: #ffb6c1;
  --color-spring-dark-primary-darken-1: #e8a5b0;
  --color-spring-dark-secondary: #c1ffc1;
  --color-spring-dark-secondary-darken-1: #ade8ad;
  --color-spring-dark-error: #ff8a8a;
  --color-spring-dark-info: #a3d9ff;
  --color-spring-dark-success: #7cfc7c;
  --color-spring-dark-warning: #ffe44d;
}
.theme-spring-light {
  --color-tw-background: var(--color-spring-light-background);
  --color-tw-surface: var(--color-spring-light-surface);
  --color-tw-surface-bright: var(--color-spring-light-surface-bright);
  --color-tw-surface-light: var(--color-spring-light-surface-light);
  --color-tw-surface-variant: var(--color-spring-light-surface-variant);
  --color-tw-on-surface-variant: var(--color-spring-light-on-surface-variant);
  --color-tw-primary: var(--color-spring-light-primary);
  --color-tw-primary-darken-1: var(--color-spring-light-primary-darken-1);
  --color-tw-secondary: var(--color-spring-light-secondary);
  --color-tw-secondary-darken-1: var(--color-spring-light-secondary-darken-1);
  --color-tw-error: var(--color-spring-light-error);
  --color-tw-info: var(--color-spring-light-info);
  --color-tw-success: var(--color-spring-light-success);
  --color-tw-warning: var(--color-spring-light-warning);
}
.theme-spring-dark {
  --color-tw-background: var(--color-spring-dark-background);
  --color-tw-surface: var(--color-spring-dark-surface);
  --color-tw-surface-bright: var(--color-spring-dark-surface-bright);
  --color-tw-surface-dark: var(--color-spring-dark-surface-dark);
  --color-tw-surface-variant: var(--color-spring-dark-surface-variant);
  --color-tw-on-surface-variant: var(--color-spring-dark-on-surface-variant);
  --color-tw-primary: var(--color-spring-dark-primary);
  --color-tw-primary-darken-1: var(--color-spring-dark-primary-darken-1);
  --color-tw-secondary: var(--color-spring-dark-secondary);
  --color-tw-secondary-darken-1: var(--color-spring-dark-secondary-darken-1);
  --color-tw-error: var(--color-spring-dark-error);
  --color-tw-info: var(--color-spring-dark-info);
  --color-tw-success: var(--color-spring-dark-success);
  --color-tw-warning: var(--color-spring-dark-warning);
}