.theme-light {
  --color-bg: #ffffff;
  --color-bg-alt: #f9f9f9;
  --color-text: #111111;
  --color-text-muted: #666666;
  --color-primary: #1e88e5;
  --color-secondary: #26c6da;
  --color-accent: #fb8c00;
  --color-border: #dddddd;
  --color-card: #ffffff;
  --color-hover: #eeeeee;
}

.theme-dark {
  --color-bg: #121212;
  --color-bg-alt: #1e1e1e;
  --color-text: #f1f1f1;
  --color-text-muted: #aaaaaa;
  --color-primary: #90caf9;
  --color-secondary: #80deea;
  --color-accent: #ffb74d;
  --color-border: #2c2c2c;
  --color-card: #1e1e1e;
  --color-hover: #333333;
}
.theme-high-contrast {
  --color-bg: #000000;
  --color-bg-alt: #1a1a1a;
  --color-text: #ffffff;
  --color-text-muted: #cccccc;
  --color-primary: #ffeb3b;
  --color-secondary: #ff5722;
  --color-accent: #4caf50;
  --color-border: #333333;
  --color-card: #1a1a1a;
  --color-hover: #262626;
}
.theme-colorful {
  --color-bg: #f0f4c3;
  --color-bg-alt: #e8f5e9;
  --color-text: #212121;
  --color-text-muted: #757575;
  --color-primary: #ff4081;
  --color-secondary: #7c4dff;
  --color-accent: #ff9800;
  --color-border: #bdbdbd;
  --color-card: #ffffff;
  --color-hover: #c8e6c9;
}
.theme-muted {
  --color-bg: #f5f5f5;
  --color-bg-alt: #eeeeee;
  --color-text: #424242;
  --color-text-muted: #9e9e9e;
  --color-primary: #607d8b;
  --color-secondary: #78909c;
  --color-accent: #ffc107;
  --color-border: #b0bec5;
  --color-card: #ffffff;
  --color-hover: #cfd8dc;
}
.theme-custom {
  --color-bg: #e0f7fa;
  --color-bg-alt: #b2ebf2;
  --color-text: #004d40;
  --color-text-muted: #00796b;
  --color-primary: #00bcd4;
  --color-secondary: #009688;
  --color-accent: #ff5722;
  --color-border: #004d40;
  --color-card: #ffffff;
  --color-hover: #80deea;
}
.theme-contrast {
  --color-bg: #ffffff;
  --color-bg-alt: #f0f0f0;
  --color-text: #000000;
  --color-text-muted: #333333;
  --color-primary: #ff5722;
  --color-secondary: #ff9800;
  --color-accent: #4caf50;
  --color-border: #cccccc;
  --color-card: #ffffff;
  --color-hover: #e0e0e0;
}
.theme-soft {
  --color-bg: #fafafa;
  --color-bg-alt: #f5f5f5;
  --color-text: #212121;
  --color-text-muted: #757575;
  --color-primary: #ff4081;
  --color-secondary: #7c4dff;
  --color-accent: #ffc107;
  --color-border: #e0e0e0;
  --color-card: #ffffff;
  --color-hover: #eeeeee;
}
.theme-vibrant {
  --color-bg: #ffeb3b;
  --color-bg-alt: #ffc107;
  --color-text: #212121;
  --color-text-muted: #616161;
  --color-primary: #f44336;
  --color-secondary: #2196f3;
  --color-accent: #4caf50;
  --color-border: #bdbdbd;
  --color-card: #ffffff;
  --color-hover: #ffe082;
}
.theme-neutral {
  --color-bg: #f0f0f0;
  --color-bg-alt: #e0e0e0;
  --color-text: #333333;
  --color-text-muted: #666666;
  --color-primary: #9e9e9e;
  --color-secondary: #bdbdbd;
  --color-accent: #ffc107;
  --color-border: #cfd8dc;
  --color-card: #ffffff;
  --color-hover: #dfe3e6;
}
.theme-legacy {
  --color-bg: #f8f9fa;
  --color-bg-alt: #e9ecef;
  --color-text: #343a40;
  --color-text-muted: #6c757d;
  --color-primary: #007bff;
  --color-secondary: #6c757d;
  --color-accent: #ffc107;
  --color-border: #dee2e6;
  --color-card: #ffffff;
  --color-hover: #f1f3f5;
}
.theme-modern {
  --color-bg: #ffffff;
  --color-bg-alt: #f4f4f4;
  --color-text: #333333;
  --color-text-muted: #888888;
  --color-primary: #6200ea;
  --color-secondary: #03dac6;
  --color-accent: #ff4081;
  --color-border: #e0e0e0;
  --color-card: #ffffff;
  --color-hover: #f0f0f0;
}
.theme-minimal {
  --color-bg: #ffffff;
  --color-bg-alt: #f5f5f5;
  --color-text: #212121;
  --color-text-muted: #757575;
  --color-primary: #9e9e9e;
  --color-secondary: #bdbdbd;
  --color-accent: #ffc107;
  --color-border: #e0e0e0;
  --color-card: #ffffff;
  --color-hover: #eeeeee;
}
.theme-elegant {
  --color-bg: #fdfdfd;
  --color-bg-alt: #f0f0f0;
  --color-text: #2c3e50;
  --color-text-muted: #7f8c8d;
  --color-primary: #2980b9;
  --color-secondary: #8e44ad;
  --color-accent: #e67e22;
  --color-border: #bdc3c7;
  --color-card: #ffffff;
  --color-hover: #ecf0f1;
}
.theme-futuristic {
  --color-bg: #121212;
  --color-bg-alt: #1a1a1a;
  --color-text: #e0e0e0;
  --color-text-muted: #b0b0b0;
  --color-primary: #00e5ff;
  --color-secondary: #ff4081;
  --color-accent: #ffab00;
  --color-border: #333333;
  --color-card: #1a1a1a;
  --color-hover: #262626;
}
.theme-eco {
  --color-bg: #e8f5e9;
  --color-bg-alt: #c8e6c9;
  --color-text: #1b5e20;
  --color-text-muted: #388e3c;
  --color-primary: #4caf50;
  --color-secondary: #81c784;
  --color-accent: #ff9800;
  --color-border: #a5d6a7;
  --color-card: #ffffff;
  --color-hover: #c8e6c9;
}
.theme-urban {
  --color-bg: #f0f0f0;
  --color-bg-alt: #dfe3e6;
  --color-text: #2c3e50;
  --color-text-muted: #7f8c8d;
  --color-primary: #34495e;
  --color-secondary: #2ecc71;
  --color-accent: #e74c3c;
  --color-border: #bdc3c7;
  --color-card: #ffffff;
  --color-hover: #ecf0f1;
}
.theme-royal {
  --color-bg: #f3e5f5;
  --color-bg-alt: #e1bee7;
  --color-text: #4a148c;
  --color-text-muted: #6a1b9a;
  --color-primary: #8e24aa;
  --color-secondary: #ab47bc;
  --color-accent: #ff4081;
  --color-border: #ce93d8;
  --color-card: #ffffff;
  --color-hover: #f8bbd0;
}
.theme-zen {
  --color-bg: #f0f4c3;
  --color-bg-alt: #e8f5e9;
  --color-text: #33691e;
  --color-text-muted: #558b2f;
  --color-primary: #689f38;
  --color-secondary: #cddc39;
  --color-accent: #ffeb3b;
  --color-border: #dce775;
  --color-card: #ffffff;
  --color-hover: #c5e1a5;
}
.theme-abstract {
  --color-bg: #fce4ec;
  --color-bg-alt: #f8bbd0;
  --color-text: #880e4f;
  --color-text-muted: #ad1457;
  --color-primary: #d81b60;
  --color-secondary: #ff4081;
  --color-accent: #ff80ab;
  --color-border: #f48fb1;
  --color-card: #ffffff;
  --color-hover: #fce4ec;
}
.theme-heritage {
  --color-bg: #fff3e0;
  --color-bg-alt: #ffe0b2;
  --color-text: #bf360c;
  --color-text-muted: #d84315;
  --color-primary: #ff6f00;
  --color-secondary: #ff8f00;
  --color-accent: #ffc107;
  --color-border: #ffcc80;
  --color-card: #ffffff;
  --color-hover: #ffe0b2;
}
.theme-tribal {
  --color-bg: #e0f2f1;
  --color-bg-alt: #b2dfdb;
  --color-text: #004d40;
  --color-text-muted: #00796b;
  --color-primary: #009688;
  --color-secondary: #26a69a;
  --color-accent: #ff5722;
  --color-border: #4db6ac;
  --color-card: #ffffff;
  --color-hover: #b2dfdb;
}
.theme-ethereal {
  --color-bg: #f3e5f5;
  --color-bg-alt: #e1bee7;
  --color-text: #4a148c;
  --color-text-muted: #6a1b9a;
  --color-primary: #8e24aa;
  --color-secondary: #ab47bc;
  --color-accent: #ff4081;
  --color-border: #ce93d8;
  --color-card: #ffffff;
  --color-hover: #f8bbd0;
}
.theme-urban-chic {
  --color-bg: #eceff1;
  --color-bg-alt: #cfd8dc;
  --color-text: #263238;
  --color-text-muted: #546e7a;
  --color-primary: #37474f;
  --color-secondary: #546e7a;
  --color-accent: #ffab00;
  --color-border: #b0bec5;
  --color-card: #ffffff;
  --color-hover: #cfd8dc;
}
.theme-zen-garden {
  --color-bg: #e8f5e9;
  --color-bg-alt: #c8e6c9;
  --color-text: #1b5e20;
  --color-text-muted: #388e3c;
  --color-primary: #4caf50;
  --color-secondary: #81c784;
  --color-accent: #ff9800;
  --color-border: #a5d6a7;
  --color-card: #ffffff;
  --color-hover: #c8e6c9;
}

/*  */
#extra-themes {
  margin-top: 10px;
  padding: 6px;
  font-size: 1rem;
}