:root {
  --color-primary: #a065ff;
  --color-secondary: #78a1f2;
  --color-hover-primary: #7430e2;
  --color-hover-secondary: #497feb;
  
  --transition-default: 350ms ease;
  --transition-fast: 200ms ease;
  
  --border-radius-default: 31px;
  --border-radius-large: 30px;
  
  --bp-large: 1240px;
  --bp-medium: 991px;
  --bp-small: 767px;
  
  --theme-bg: transparent;
  --theme-color: #ffffff;
  --theme-accent: var(--color-primary);
  --theme-accent-hover: var(--color-hover-primary);
  --theme-title-color: #ffffff;
  --theme-text-color: rgba(255, 255, 255, 0.6);
  --theme-primary-text: #ffffff;
  --theme-icon-glow: var(--color-primary);
  --theme-icon-glow-rgb: 160, 101, 255;
  --theme-border-color: rgba(160, 101, 255, 0.25);
  --theme-dropdown-bg: #1a1832;
}

.wrapper.active {
  --theme-bg: #ffffff;
  --theme-color: #333333;
  --theme-accent: var(--color-secondary);
  --theme-accent-hover: var(--color-hover-secondary);
  --theme-title-color: #000000;
  --theme-text-color: rgba(0, 0, 0, 0.6);
  --theme-primary-text: #333333;
  --theme-icon-glow: var(--color-secondary);
  --theme-icon-glow-rgb: 120, 161, 242;
  --theme-border-color: rgba(0, 0, 0, 0.25);
  --theme-dropdown-bg: #ffffff;
}