/*:root {
  ====== Workspace Colors - DEMO GREEN THEME =========================
  --workspace-bg-color: #15803d;  Forest green 
  --workspace-color: #fefefe;
  --workspace-bg-color-active: #14532d;  Darker green 
  --workspace-color-active: #fefefe;
  --workspace-bg-color-hover: #16a34a;  Bright green hover 
  --workspace-color-hover: #fefefe;
  --workspace-bg-color-opt-hover: rgba(22, 163, 74, 0.7); 
  --workspace-color-opt-hover: #fefefe;
  --workspace-border-opt: rgb(22, 163, 74);
  
  --nav-bg-color: #14532d;  Deep forest green 
  --nav-color: #fefefe;
  --nav-color-acc: rgba(254,254,254,0.85);
  --nav-active-bg-color: #16a34a;  Bright green for active 
  --nav-active-color: #fefefe;
  --nav-sub-color: rgba(254,254,254,0.8);
  --nav-sub-color-hover: rgba(254,254,254,1);
  --nav-back-btn-bg: #22c55e;  Lighter green 
  --nav-back-btn-hover-bg: #16a34a;
  --nav-sub-bg-color: #166534;  Medium dark green 
  --nav-hover-bg-color: #16a34a;  Bright green hover 
  --nav-hover-color: #fefefe;
  --nav-opt-hover-bg: rgba(21, 128, 61, 0.15);
  --nav-opt-border: rgba(21, 128, 61, 0.08);
  --nav-acc-toggle-bg: #14532d80;  Semi-transparent dark green 
}*/
/*:root {
  ====== Workspace Colors - DEMO PURPLE THEME =========================
  --workspace-bg-color: #6b46c1;  Rich purple 
  --workspace-color: #fefefe;
  --workspace-bg-color-active: #543399;  Darker purple 
  --workspace-color-active: #fefefe;
  --workspace-bg-color-hover: #8b5cf6;  Bright purple hover 
  --workspace-color-hover: #fefefe;
  --workspace-bg-color-opt-hover: rgba(139, 92, 246, 0.7); 
  --workspace-color-opt-hover: #fefefe;
  --workspace-border-opt: rgb(139, 92, 246);
  
  --nav-bg-color: #4c1d95;  Deep purple 
  --nav-color: #fefefe;
  --nav-color-acc: rgba(254,254,254,0.85);
  --nav-active-bg-color: #7c3aed;  Bright purple for active 
  --nav-active-color: #fefefe;
  --nav-sub-color: rgba(254,254,254,0.8);
  --nav-sub-color-hover: rgba(254,254,254,1);
  --nav-back-btn-bg: #8b5cf6;  Lighter purple 
  --nav-back-btn-hover-bg: #7c3aed;
  --nav-sub-bg-color: #5b21b6;  Medium dark purple 
  --nav-hover-bg-color: #7c3aed;  Bright purple hover 
  --nav-hover-color: #fefefe;
  --nav-opt-hover-bg: rgba(107, 70, 193, 0.15);
  --nav-opt-border: rgba(107, 70, 193, 0.08);
  --nav-acc-toggle-bg: #4c1d9580;  Semi-transparent dark purple 
}*/
:root {
  /*====== Body Background - DEMO =========================*/
  --body-bg-color: #e4e8e6; /* Light gray with green tint */
  --simple-body-bg-color: #31624f;
  
  
  /*====== Workspace Colors - DEMO DARK GREEN THEME =========================*/
  --workspace-bg-color: #0f5132; /* Dark forest green */
  --workspace-color: #fefefe;
  --workspace-bg-color-active: #0a3622; /* Very dark green */
  --workspace-color-active: #fefefe;
  --workspace-bg-color-hover: #198754; /* Medium green hover */
  --workspace-color-hover: #fefefe;
  --workspace-bg-color-opt-hover: rgba(25, 135, 84, 0.7); 
  --workspace-color-opt-hover: #fefefe;
  --workspace-border-opt: rgb(25, 135, 84);
  
  --nav-bg-color: #0a3622; /* Very deep forest green */
  --nav-color: #fefefe;
  --nav-color-acc: rgba(254,254,254,0.85);
  --nav-active-bg-color: #198754; /* Medium green for active */
  --nav-active-color: #fefefe;
  --nav-sub-color: rgba(254,254,254,0.8);
  --nav-sub-color-hover: rgba(254,254,254,1);
  --nav-back-btn-bg: #00894a; /* Much darker green */
  --nav-back-btn-hover-bg: #198754;
  --nav-sub-bg-color: #052817; /* Very dark, almost black green */
  --nav-hover-bg-color: #198754; /* Medium green hover */
  --nav-hover-color: #fefefe;
  --nav-opt-hover-bg: rgba(15, 81, 50, 0.15);
  --nav-opt-border: rgba(15, 81, 50, 0.08);
  --nav-acc-toggle-bg: #0a362280; /* Semi-transparent very dark green */
}