.tux-wrap { width: 160px; }
.tux { width: 100%; height: auto; filter: drop-shadow(0 8px 20px rgba(0,0,0,0.12)); }
@keyframes tux-waddle {
  0%, 100% { transform: rotate(-4deg) translateY(0); }
  50%       { transform: rotate(4deg)  translateY(-6px); }
}
.tux { animation: tux-waddle 2.4s ease-in-out infinite; transform-origin: bottom center; }

@media (min-width: 1280px) {
  .theme-toggle-align {
    transform: translateY(-10px);
  }

  .theme-toggle-size {
    height: 44px;
    min-width: 56px;
    box-sizing: border-box;
  }
}

:root {
  --theme-bg: #f4f4f4;
  --theme-surface: #f4f4f4;
  --theme-card: #ffffff;
  --theme-text: #252525;
  --theme-muted: #5c5c5c;
  --theme-border: #d2d2d2;
}

html[data-theme='dark'] {
  --theme-bg: #0e131a;
  --theme-surface: #161d26;
  --theme-card: #1d2632;
  --theme-text: #edf2fa;
  --theme-muted: #a7b2c2;
  --theme-border: #334155;
}

html[data-theme='dark'] body,
html[data-theme='dark'] body.bg-\[\#F4F4F4\] {
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

html[data-theme='dark'] .bg-\[\#F4F4F4\] {
  background-color: var(--theme-surface) !important;
}

html[data-theme='dark'] nav.bg-\[\#F4F4F4\],
html[data-theme='dark'] footer.bg-\[\#F4F4F4\],
html[data-theme='dark'] div.bg-\[\#F4F4F4\] {
  background-color: var(--theme-surface) !important;
}

html[data-theme='dark'] .xl\:bg-\[\#F4F4F4\] {
  background-color: var(--theme-surface) !important;
}

html[data-theme='dark'] [id^='submenu-'] {
  background-color: var(--theme-surface) !important;
  border: 1px solid var(--theme-border);
}

html[data-theme='dark'] .bg-white {
  background-color: var(--theme-card) !important;
}

html[data-theme='dark'] .text-\[\#2C3D51\],
html[data-theme='dark'] .text-\[\#252525\] {
  color: var(--theme-text) !important;
}

html[data-theme='dark'] .text-\[\#515151\],
html[data-theme='dark'] .text-\[\#545454\],
html[data-theme='dark'] .text-\[\#5C5C5C\],
html[data-theme='dark'] .text-\[\#686868\],
html[data-theme='dark'] .text-\[\#868686\] {
  color: var(--theme-muted) !important;
}

html[data-theme='dark'] .border-\[\#D2D2D2\],
html[data-theme='dark'] .border-\[\#E0E0E0\] {
  border-color: var(--theme-border) !important;
}

html[data-theme='dark'] .shadow,
html[data-theme='dark'] .shadow-sm,
html[data-theme='dark'] .shadow-lg {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme='dark'] .xl\:shadow-lg {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme='light'] [data-theme-icon-sun],
html[data-theme='dark'] [data-theme-icon-moon] {
  display: none;
}

html[data-theme='dark'] [data-theme-toggle] {
  background-color: var(--theme-card) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}

html[data-theme='dark'] input,
html[data-theme='dark'] textarea,
html[data-theme='dark'] select {
  background-color: #121a24;
  color: var(--theme-text);
  border-color: var(--theme-border);
}