:root[data-theme="aqua"] {
  --page-background: #082744;
  --text-primary: #e5faff;
  --text-secondary: #94e6fb;
  --accent: #94e6fb;
  --toggle-active-background: #e5faff;
  --toggle-active-text: #082744;
  --shade-rgb: 0, 13, 28;
  --toggle-border: rgba(255, 255, 255, 0.18);
  --auth-glass-background:
    linear-gradient(145deg, rgba(229, 250, 255, 0.14), rgba(148, 230, 251, 0.045)),
    rgba(0, 27, 53, 0.46);
  --auth-glass-border: rgba(229, 250, 255, 0.26);
  --auth-glass-shadow:
    0 30px 100px rgba(0, 13, 28, 0.52),
    inset 0 1px 0 rgba(229, 250, 255, 0.18);
  --auth-field-background: rgba(0, 13, 28, 0.26);
  --auth-field-border: rgba(229, 250, 255, 0.18);
  --auth-field-focus: #94e6fb;
  --auth-placeholder: rgba(148, 230, 251, 0.46);
  --auth-error: #ffaaa0;
  --auth-success: #b5f4dd;
  --slider-track-background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(148, 230, 251, 0.08) 44%, rgba(0, 13, 28, 0.20) 100%),
    rgba(148, 230, 251, 0.14);
  --slider-track-border: rgba(229, 250, 255, 0.62);
  --slider-track-border-bottom: rgba(0, 13, 28, 0.42);
  --slider-track-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.70),
    inset 0 -2px 4px rgba(0, 13, 28, 0.32),
    0 3px 12px rgba(0, 13, 28, 0.24);
  --slider-thumb-background:
    linear-gradient(90deg, rgba(229, 250, 255, 0.34) 0 10%, transparent 24% 70%, rgba(0, 13, 28, 0.28) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(229, 250, 255, 0.30) 22%, rgba(148, 230, 251, 0.16) 68%, rgba(0, 13, 28, 0.34) 100%);
  --slider-thumb-shadow:
    inset 2px 1px 3px rgba(255, 255, 255, 0.76),
    inset -2px -2px 4px rgba(0, 13, 28, 0.46),
    0 0 0 1px rgba(229, 250, 255, 0.72),
    0 4px 12px rgba(0, 13, 28, 0.34);
  --slider-thumb-width: 14px;
  --slider-thumb-height: 22px;
  --slider-thumb-radius: 4px;
}