:root {
  --theme-page-background-color: #403a3a;
  --theme-font-color: #ffd9ff;
  --theme-link-color: #ed9fed;
  --theme-link-color-hover: #e866e8;
  --theme-logo-color: #004B8C;
  --theme-background-color: #15ff00;
  --theme-border-color: #000000;
  --theme-badge-color: #4d00ff;
  --theme-highlight-color: #f1abfc;
  --theme-highlight-color-kicker: #e69cf7;
  --theme-primary-color: #db5ef7;
  --theme-primary-color-hover: #ecadfa;
  --theme-secondary-color: #c8a8cf;
  --theme-secondary-color-hover: #e3e3e3;
  --page-max-width: 1800px;
  --content-max-width: 1200px;
  --page-padding: 50px;
  --spacing-xs: 16px;
  --spacing-s: 20px;
  --spacing-m: 24px;
  --spacing-l: 28px;
  --spacing-xl: 36px;
  --spacing-xxl: 44px;
  --spacing-xxxl: 52px;
  --gap-xxs: 8px;
  --gap-xs: 12px;
  --gap-s: 16px;
  --gap-m: 20px;
  --gap-l: 28px;
  --gap-xl: 36px;
}

[data-theme="dark"] {
  --theme-page-background-color: #005a78;
  --theme-font-color: #fac0fa;
  --theme-link-color: #ed9fed;
  --theme-link-color-hover: #e866e8;
  --theme-logo-color: #004B8C;
  --theme-background-color: #15ff00;
  --theme-border-color: #000000;
  --theme-badge-color: #4d00ff;
  --theme-highlight-color: #00aeef;
  --theme-highlight-color-kicker: #1779cf;
  --theme-primary-color: #400bd4;
  --theme-primary-color-hover: #7a5ec7;
  --theme-secondary-color: #0080ff;
  --theme-secondary-color-hover: #578ee6;
}