:root {
  /* light summer */
  --color-summer-light-background: #fffacd;
  --color-summer-light-surface: #fffaf0;
  --color-summer-light-surface-bright: #ffffff;
  --color-summer-light-surface-light: #fff8dc;
  --color-summer-light-surface-variant: #48d1cc;
  --color-summer-light-on-surface-variant: #fffacd;
  --color-summer-light-primary: #ff6347;
  --color-summer-light-primary-darken-1: #e6553a;
  --color-summer-light-secondary: #48d1cc;
  --color-summer-light-secondary-darken-1: #3bc2bd;
  --color-summer-light-error: #dc143c;
  --color-summer-light-info: #00ced1;
  --color-summer-light-success: #3cb371;
  --color-summer-light-warning: #ffd700; /* dark summer */
  --color-summer-dark-background: #1a2f2f;
  --color-summer-dark-surface: #253f3f;
  --color-summer-dark-surface-bright: #305050;
  --color-summer-dark-surface-light: #1f3535;
  --color-summer-dark-surface-variant: #ff6347;
  --color-summer-dark-on-surface-variant: #1a2f2f;
  --color-summer-dark-primary: #48d1cc;
  --color-summer-dark-primary-darken-1: #3bc2bd;
  --color-summer-dark-secondary: #ff6347;
  --color-summer-dark-secondary-darken-1: #e6553a;
  --color-summer-dark-error: #ff6b8b;
  --color-summer-dark-info: #20b2aa;
  --color-summer-dark-success: #66cdaa;
  --color-summer-dark-warning: #ffec8b;
}
.theme-summer-light {
  --color-tw-background: var(--color-summer-light-background);
  --color-tw-surface: var(--color-summer-light-surface);
  --color-tw-surface-bright: var(--color-summer-light-surface-bright);
  --color-tw-surface-light: var(--color-summer-light-surface-light);
  --color-tw-surface-variant: var(--color-summer-light-surface-variant);
  --color-tw-on-surface-variant: var(--color-summer-light-on-surface-variant);
  --color-tw-primary: var(--color-summer-light-primary);
  --color-tw-primary-darken-1: var(--color-summer-light-primary-darken-1);
  --color-tw-secondary: var(--color-summer-light-secondary);
  --color-tw-secondary-darken-1: var(--color-summer-light-secondary-darken-1);
  --color-tw-error: var(--color-summer-light-error);
  --color-tw-info: var(--color-summer-light-info);
  --color-tw-success: var(--color-summer-light-success);
  --color-tw-warning: var(--color-summer-light-warning);
}
.theme-summer-dark {
  --color-tw-background: var(--color-summer-dark-background);
  --color-tw-surface: var(--color-summer-dark-surface);
  --color-tw-surface-bright: var(--color-summer-dark-surface-bright);
  --color-tw-surface-dark: var(--color-summer-dark-surface-dark);
  --color-tw-surface-variant: var(--color-summer-dark-surface-variant);
  --color-tw-on-surface-variant: var(--color-summer-dark-on-surface-variant);
  --color-tw-primary: var(--color-summer-dark-primary);
  --color-tw-primary-darken-1: var(--color-summer-dark-primary-darken-1);
  --color-tw-secondary: var(--color-summer-dark-secondary);
  --color-tw-secondary-darken-1: var(--color-summer-dark-secondary-darken-1);
  --color-tw-error: var(--color-summer-dark-error);
  --color-tw-info: var(--color-summer-dark-info);
  --color-tw-success: var(--color-summer-dark-success);
  --color-tw-warning: var(--color-summer-dark-warning);
}