:root {
  /* light heaven */
  --color-heaven-light-background: #e6f3ff;
  --color-heaven-light-surface: #d4ebff;
  --color-heaven-light-surface-bright: #f0f8ff;
  --color-heaven-light-surface-light: #c4e1ff;
  --color-heaven-light-surface-variant: #87ceeb;
  --color-heaven-light-on-surface-variant: #e6f3ff;
  --color-heaven-light-primary: #87ceeb;
  --color-heaven-light-primary-darken-1: #78bad6;
  --color-heaven-light-secondary: #b0e0e6;
  --color-heaven-light-secondary-darken-1: #a0d0d6;
  --color-heaven-light-error: #4169e1;
  --color-heaven-light-info: #00bfff;
  --color-heaven-light-success: #afeeee;
  --color-heaven-light-warning: #7b68ee; /* dark heaven */
  --color-heaven-dark-background: #0a2f35;
  --color-heaven-dark-surface: #1a3f45;
  --color-heaven-dark-surface-bright: #2a4f55;
  --color-heaven-dark-surface-light: #14373d;
  --color-heaven-dark-surface-variant: #e0ffff;
  --color-heaven-dark-on-surface-variant: #0a2f35;
  --color-heaven-dark-primary: #e0ffff;
  --color-heaven-dark-primary-darken-1: #d0efef;
  --color-heaven-dark-secondary: #f0ffff;
  --color-heaven-dark-secondary-darken-1: #e0efef;
  --color-heaven-dark-error: #6495ed;
  --color-heaven-dark-info: #40e0d0;
  --color-heaven-dark-success: #b0f0f0;
  --color-heaven-dark-warning: #9370db;
}
.theme-heaven-light {
  --color-tw-background: var(--color-heaven-light-background);
  --color-tw-surface: var(--color-heaven-light-surface);
  --color-tw-surface-bright: var(--color-heaven-light-surface-bright);
  --color-tw-surface-light: var(--color-heaven-light-surface-light);
  --color-tw-surface-variant: var(--color-heaven-light-surface-variant);
  --color-tw-on-surface-variant: var(--color-heaven-light-on-surface-variant);
  --color-tw-primary: var(--color-heaven-light-primary);
  --color-tw-primary-darken-1: var(--color-heaven-light-primary-darken-1);
  --color-tw-secondary: var(--color-heaven-light-secondary);
  --color-tw-secondary-darken-1: var(--color-heaven-light-secondary-darken-1);
  --color-tw-error: var(--color-heaven-light-error);
  --color-tw-info: var(--color-heaven-light-info);
  --color-tw-success: var(--color-heaven-light-success);
  --color-tw-warning: var(--color-heaven-light-warning);
}
.theme-heaven-dark {
  --color-tw-background: var(--color-heaven-dark-background);
  --color-tw-surface: var(--color-heaven-dark-surface);
  --color-tw-surface-bright: var(--color-heaven-dark-surface-bright);
  --color-tw-surface-dark: var(--color-heaven-dark-surface-dark);
  --color-tw-surface-variant: var(--color-heaven-dark-surface-variant);
  --color-tw-on-surface-variant: var(--color-heaven-dark-on-surface-variant);
  --color-tw-primary: var(--color-heaven-dark-primary);
  --color-tw-primary-darken-1: var(--color-heaven-dark-primary-darken-1);
  --color-tw-secondary: var(--color-heaven-dark-secondary);
  --color-tw-secondary-darken-1: var(--color-heaven-dark-secondary-darken-1);
  --color-tw-error: var(--color-heaven-dark-error);
  --color-tw-info: var(--color-heaven-dark-info);
  --color-tw-success: var(--color-heaven-dark-success);
  --color-tw-warning: var(--color-heaven-dark-warning);
}