.app[data-theme="light"][data-holiday="march-8"] {
  background:
    radial-gradient(circle at 8% 22%, rgba(174, 95, 255, 0.24), transparent 14rem),
    radial-gradient(circle at 92% 76%, rgba(255, 112, 184, 0.24), transparent 16rem),
    radial-gradient(circle at 68% 8%, rgba(255, 216, 238, 0.28), transparent 18rem),
    linear-gradient(145deg, #eadce9 0%, #f0d8e4 46%, #ded8ee 100%);
}

.app[data-theme="dark"][data-holiday="march-8"] {
  background:
    radial-gradient(circle at 8% 22%, rgba(174, 95, 255, 0.22), transparent 14rem),
    radial-gradient(circle at 10% 86%, rgba(102, 214, 255, 0.16), transparent 19rem),
    radial-gradient(circle at 84% 78%, rgba(255, 112, 184, 0.18), transparent 22rem),
    linear-gradient(145deg, #252229 0%, #282828 44%, #242834 100%);
}

.app[data-theme="light"][data-holiday="march-8"] .holiday-number {
  --holiday-number-accent: #fff5c9;
  --holiday-number-mid: #ff75bb;
  --holiday-number-deep: #a845cf;
  --holiday-number-ring: rgba(166, 45, 153, 0.56);
  --holiday-number-soft: rgba(154, 68, 196, 0.36);
  background:
    radial-gradient(circle, rgba(255, 232, 247, 0.18), rgba(255, 121, 188, 0.04) 38%, transparent 68%);
}

.app[data-theme="dark"][data-holiday="march-8"] .holiday-number {
  --holiday-number-accent: #fff2a0;
  --holiday-number-mid: #ff86cf;
  --holiday-number-deep: #b887ff;
  --holiday-number-ring: rgba(255, 230, 150, 0.52);
  --holiday-number-soft: rgba(255, 142, 205, 0.34);
  background:
    radial-gradient(circle, rgba(255, 230, 150, 0.16), rgba(255, 112, 184, 0.1) 35%, rgba(132, 106, 255, 0.08) 52%, transparent 70%);
}

.app[data-theme="light"][data-holiday="march-8"] .number-halo::after {
  border-color: rgba(166, 45, 153, 0.3);
}

.app[data-theme="dark"][data-holiday="march-8"] .number-halo::after {
  border-color: rgba(255, 230, 150, 0.26);
}

.app[data-theme="light"][data-holiday="march-8"] .holiday-number::before {
  filter:
    drop-shadow(0 8px 0 rgba(255, 255, 255, 0.12))
    drop-shadow(0 18px 22px rgba(102, 41, 116, 0.16));
}

.app[data-theme="light"][data-holiday="march-8"] .holiday-number::after {
  background: radial-gradient(ellipse, rgba(255, 117, 187, 0.16), transparent 70%);
  filter: blur(12px);
}

.app[data-theme="dark"][data-holiday="march-8"] .holiday-number::before {
  filter:
    drop-shadow(0 8px 0 rgba(255, 255, 255, 0.1))
    drop-shadow(0 22px 25px rgba(0, 0, 0, 0.34))
    drop-shadow(0 0 30px rgba(255, 236, 158, 0.34))
    drop-shadow(0 0 42px rgba(255, 111, 190, 0.26));
}

.app[data-holiday="march-8"] .holiday-ribbon {
  display: none;
}

.app[data-holiday="march-8"] .holiday-ribbon::before {
  content: none;
}

.app[data-holiday="march-8"] .garland {
  display: none;
}
