.theme-toggle {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 999;
  padding: 8px 14px;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background: #ffe08f;
  color: #3a1a00;
  border: 3px solid #000;
  transition: none;
}

.active-theme {
  background: #f89eb7 !important;
  color: #3a2400 !important;
  border-color: #f89eb7 !important;
}

body[data-theme="holyguacamole"] {
  --page-bg: #dce7db;
  --text-main: #23442b;
  --text-soft: #42684a;

  --nav-bg: #cfe3cf;
  --nav-text: #23442b;
  --nav-border: #9dc79f;

  --panel-bg: #cfe3cf;
  --panel-border: #9dc79f;
  --panel-shadow: 0 16px 40px rgba(80, 120, 84, 0.14);

  --frame-bg: #bcd6bc;
  --frame-shadow: 0 16px 40px rgba(80, 120, 84, 0.16);

  --dropdown-bg: #d6ead3;
  --dropdown-link: #23442b;
  --dropdown-hover: #b8efb9;

  --button-bg: #95e09a;
  --button-text: #1f3b24;
  --button-border: #57b96a;
  --button-shadow: 3px 3px 0 #7aa87d;

  --card-bg: #d6ead3;
  --card-border: #a7cda9;
}

body[data-theme="holyguacamole"] .active-theme {
  background: #7fd88b !important;
  color: #17331d !important;
  border-color: #57b96a !important;
}

body[data-theme="whiskeybarrells"] {
  --page-bg: linear-gradient(
    180deg,
    #16121f 0%,
    #24182f 28%,
    #1b2b3d 62%,
    #13232f 82%,
    #0d171d 100%
  );

  --text-main: #ffe7b0;
  --text-soft: #ffd89f;

  --nav-bg: rgba(5, 5, 5, 0.96);
  --nav-text: #ffeec7;
  --nav-border: rgba(255, 210, 120, 0.14);

  --panel-bg: rgba(33, 45, 58, 0.76);
  --panel-border: rgba(189, 220, 255, 0.16);
  --panel-shadow: 0 18px 50px rgba(0, 0, 0, 0.42);

  --frame-bg: #020202;
  --frame-shadow: 0 26px 80px rgba(0, 0, 0, 0.6), 0 0 28px rgba(255, 60, 160, 0.12);

  --dropdown-bg: rgba(20, 20, 26, 0.98);
  --dropdown-link: #ffecc8;
  --dropdown-hover: rgba(255, 110, 199, 0.18);

  --button-bg: linear-gradient(
    180deg,
    #ffe680 0%,
    #ff9d5c 45%,
    #ff8fd8 100%
  );
  --button-text: #2e1800;
  --button-border: #000;
  --button-shadow: 3px 3px 0 #000;

  --card-bg: rgba(255, 255, 255, 0.04);
  --card-border: rgba(255, 255, 255, 0.08);
}

body[data-theme="whiskeybarrells"] .active-theme {
  background: #ffb347 !important;
  color: #2b1600 !important;
  border-color: #000 !important;
}