:root {
  /* light retro */
  --color-retro-light-background: #ffe8d6;
  --color-retro-light-surface: #f7d7c4;
  --color-retro-light-surface-bright: #fff4eb;
  --color-retro-light-surface-light: #e8c8b5;
  --color-retro-light-surface-variant: #6d6875;
  --color-retro-light-on-surface-variant: #ffe8d6;
  --color-retro-light-primary: #6d6875;
  --color-retro-light-primary-darken-1: #5d5865;
  --color-retro-light-secondary: #b5838d;
  --color-retro-light-secondary-darken-1: #a5737d;
  --color-retro-light-error: #e5989b;
  --color-retro-light-info: #83c5be;
  --color-retro-light-success: #a5a58d;
  --color-retro-light-warning: #ffb4a2; /* dark retro */
  --color-retro-dark-background: #2d2a32;
  --color-retro-dark-surface: #3d3a42;
  --color-retro-dark-surface-bright: #4d4a52;
  --color-retro-dark-surface-light: #35323a;
  --color-retro-dark-surface-variant: #e8c8b5;
  --color-retro-dark-on-surface-variant: #2d2a32;
  --color-retro-dark-primary: #e8c8b5;
  --color-retro-dark-primary-darken-1: #d8b8a5;
  --color-retro-dark-secondary: #d6a3ad;
  --color-retro-dark-secondary-darken-1: #c6939d;
  --color-retro-dark-error: #f5b8bb;
  --color-retro-dark-info: #a3d5ce;
  --color-retro-dark-success: #c5c5ad;
  --color-retro-dark-warning: #ffd4c2;
}
.theme-retro-light {
  --color-tw-background: var(--color-retro-light-background);
  --color-tw-surface: var(--color-retro-light-surface);
  --color-tw-surface-bright: var(--color-retro-light-surface-bright);
  --color-tw-surface-light: var(--color-retro-light-surface-light);
  --color-tw-surface-variant: var(--color-retro-light-surface-variant);
  --color-tw-on-surface-variant: var(--color-retro-light-on-surface-variant);
  --color-tw-primary: var(--color-retro-light-primary);
  --color-tw-primary-darken-1: var(--color-retro-light-primary-darken-1);
  --color-tw-secondary: var(--color-retro-light-secondary);
  --color-tw-secondary-darken-1: var(--color-retro-light-secondary-darken-1);
  --color-tw-error: var(--color-retro-light-error);
  --color-tw-info: var(--color-retro-light-info);
  --color-tw-success: var(--color-retro-light-success);
  --color-tw-warning: var(--color-retro-light-warning);
}
.theme-retro-dark {
  --color-tw-background: var(--color-retro-dark-background);
  --color-tw-surface: var(--color-retro-dark-surface);
  --color-tw-surface-bright: var(--color-retro-dark-surface-bright);
  --color-tw-surface-dark: var(--color-retro-dark-surface-dark);
  --color-tw-surface-variant: var(--color-retro-dark-surface-variant);
  --color-tw-on-surface-variant: var(--color-retro-dark-on-surface-variant);
  --color-tw-primary: var(--color-retro-dark-primary);
  --color-tw-primary-darken-1: var(--color-retro-dark-primary-darken-1);
  --color-tw-secondary: var(--color-retro-dark-secondary);
  --color-tw-secondary-darken-1: var(--color-retro-dark-secondary-darken-1);
  --color-tw-error: var(--color-retro-dark-error);
  --color-tw-info: var(--color-retro-dark-info);
  --color-tw-success: var(--color-retro-dark-success);
  --color-tw-warning: var(--color-retro-dark-warning);
}