/* Shared theme picker controls for dark calendar pages. */
.theme-picker {
  display: flex;
  gap: 6px;
  align-items: center;
}

.theme-swatch {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border: none;
  transition: transform 0.2s, box-shadow 0.2s;
}

.theme-swatch:active {
  transform: scale(0.85);
}

.theme-swatch.active {
  box-shadow: 0 0 0 2.5px rgba(255,255,255,0.9);
  transform: scale(1.15);
}

.theme-swatch[data-t="gold"] {
  background: radial-gradient(circle at 38% 32%, #FFF0A0 0%, #FFD34E 25%, #C88820 62%, #8A5E00 100%);
}

.theme-swatch[data-t="midnight"] {
  background: radial-gradient(circle at 38% 32%, #AAC8FF 0%, #5585EE 25%, #1A3A99 62%, #0a1a55 100%);
}

.theme-swatch[data-t="forest"] {
  background: radial-gradient(circle at 38% 32%, #A0ECA8 0%, #55C465 25%, #1A7A28 62%, #0a3d10 100%);
}

.theme-swatch[data-t="lotus"] {
  background: radial-gradient(circle at 38% 32%, #F4A8E0 0%, #D855B8 25%, #922090 62%, #4a0a5a 100%);
}