body.theme-ocean {
  --theme-primary: #35b6ca;
  --theme-primary-light: #5ec8d8;
  --theme-primary-dark: #2a95a8;
  --theme-primary-alpha30: rgba(53, 182, 202, 0.3);
  --theme-primary-alpha60: rgba(53, 182, 202, 0.6);
  
  --theme-header-left: #2d9aab;
  --theme-header-right: #35b6ca;
  --theme-menu-bg: #e8f7fa;
  --theme-menu-title-bg: #2d9aab;
  --theme-menu-submenu-bg: #f0f9fc;
  --theme-menu-submenu-hover: #35b6ca;
  --theme-menu-active-bg: rgba(53, 182, 202, 0.85);
  --theme-menu-circle: #35b6ca;
  --theme-menu-hover-text: #35b6ca;
  --theme-menu-before: #2d9aab;
  
  --theme-content-bg-start: #e8f7fa;
  --theme-content-bg-end: #f0f9fc;
  
  --theme-link-border: #a6ddee;
  --theme-link-bg: #f2fbfe;
  --theme-text-primary: #2d9aab;
  --theme-text-secondary: #35b6ca;
  
  --theme-collapse-icon-bg: #2d9aab;
}

body.theme-forest {
  --theme-primary: #25c38e;
  --theme-primary-light: #4dd4a5;
  --theme-primary-dark: #1da375;
  --theme-primary-alpha30: rgba(37, 195, 142, 0.3);
  --theme-primary-alpha60: rgba(37, 195, 142, 0.6);
  
  --theme-header-left: #1fa879;
  --theme-header-right: #25c38e;
  --theme-menu-bg: #e6f8f0;
  --theme-menu-title-bg: #1fa879;
  --theme-menu-submenu-bg: #eef9f5;
  --theme-menu-submenu-hover: #25c38e;
  --theme-menu-active-bg: rgba(37, 195, 142, 0.85);
  --theme-menu-circle: #25c38e;
  --theme-menu-hover-text: #25c38e;
  --theme-menu-before: #1fa879;
  
  --theme-content-bg-start: #e6f8f0;
  --theme-content-bg-end: #eef9f5;
  
  --theme-link-border: #a6eede;
  --theme-link-bg: #f2fef9;
  --theme-text-primary: #1fa879;
  --theme-text-secondary: #25c38e;
  
  --theme-collapse-icon-bg: #1fa879;
}

body.theme-sky {
  --theme-primary: #07b8f8;
  --theme-primary-light: #3cc8fa;
  --theme-primary-dark: #0597cc;
  --theme-primary-alpha30: rgba(7, 184, 248, 0.3);
  --theme-primary-alpha60: rgba(7, 184, 248, 0.6);
  
  --theme-header-left: #069dd5;
  --theme-header-right: #07b8f8;
  --theme-menu-bg: #e5f5fd;
  --theme-menu-title-bg: #069dd5;
  --theme-menu-submenu-bg: #edf8fe;
  --theme-menu-submenu-hover: #07b8f8;
  --theme-menu-active-bg: rgba(7, 184, 248, 0.85);
  --theme-menu-circle: #07b8f8;
  --theme-menu-hover-text: #07b8f8;
  --theme-menu-before: #069dd5;
  
  --theme-content-bg-start: #e5f5fd;
  --theme-content-bg-end: #edf8fe;
  
  --theme-link-border: #a6ddfe;
  --theme-link-bg: #f2faff;
  --theme-text-primary: #069dd5;
  --theme-text-secondary: #07b8f8;
  
  --theme-collapse-icon-bg: #069dd5;
}

body.theme-sun {
  --theme-primary: #fbb604;
  --theme-primary-light: #ffc937;
  --theme-primary-dark: #e0a003;
  --theme-primary-alpha30: rgba(251, 182, 4, 0.3);
  --theme-primary-alpha60: rgba(251, 182, 4, 0.6);
  
  --theme-header-left: #e0a003;
  --theme-header-right: #fbb604;
  --theme-menu-bg: #fef9e8;
  --theme-menu-title-bg: #e0a003;
  --theme-menu-submenu-bg: #fefcef;
  --theme-menu-submenu-hover: #fbb604;
  --theme-menu-active-bg: rgba(251, 182, 4, 0.85);
  --theme-menu-circle: #fbb604;
  --theme-menu-hover-text: #fbb604;
  --theme-menu-before: #e0a003;
  
  --theme-content-bg-start: #fef9e8;
  --theme-content-bg-end: #fefcef;
  
  --theme-link-border: #f5e0a6;
  --theme-link-bg: #fffdf2;
  --theme-text-primary: #e0a003;
  --theme-text-secondary: #fbb604;
  
  --theme-collapse-icon-bg: #e0a003;
}

body.theme-original {
  --theme-primary: rgba(176, 179, 162, 1);
  --theme-primary-light: rgba(190, 193, 178, 1);
  --theme-primary-dark: rgba(109, 121, 117, 1);
  --theme-primary-alpha30: rgba(176, 179, 162, 0.3);
  --theme-primary-alpha60: rgba(176, 179, 162, 0.6);
  
  --theme-header-left: rgba(109, 121, 117, 1);
  --theme-header-right: rgba(176, 179, 162, 1);
  --theme-menu-bg: #ffffff;
  --theme-menu-title-bg: rgba(109, 121, 117, 1);
  --theme-menu-submenu-bg: rgba(245, 245, 245, 1);
  --theme-menu-submenu-hover: rgba(109, 121, 117, 1);
  --theme-menu-active-bg: rgba(176, 179, 162, 1);
  --theme-menu-circle: rgba(109, 121, 117, 1);
  --theme-menu-hover-text: rgba(109, 121, 117, 1);
  --theme-menu-before: rgba(109, 121, 117, 1);
  
  --theme-content-bg-start: #eaf7ff;
  --theme-content-bg-end: #eaf7ff;
  
  --theme-link-border: #a6ddfe;
  --theme-link-bg: #f2fbff;
  --theme-text-primary: rgba(109, 121, 117, 1);
  --theme-text-secondary: rgba(176, 179, 162, 1);
  
  --theme-collapse-icon-bg: rgba(109, 121, 117, 1);
}