.theme-light {
  --bg-primary: #F7F2EC;
  --bg-secondary: rgba(255, 255, 255, 0.44);
  --bg-card: rgba(255, 255, 255, 0.5);
  --text-primary: #262321;
  --text-secondary: #736A67;
  --accent: #8C6BBA;
  --accent-light: #C2B0E8;
  --accent-dark: #5C4587;
  --accent-rgb: 140, 107, 186;
}

.theme-light[data-accent="green"] {
  --accent: #4D9C76;
  --accent-light: #A7D6BD;
  --accent-dark: #2F6B53;
  --accent-rgb: 77, 156, 118;
}

.theme-light::before {
  background:
    radial-gradient(circle at 12% 16%, rgba(var(--accent-rgb), 0.24), transparent 32%),
    radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--accent-light) 48%, transparent), transparent 30%),
    radial-gradient(circle at 52% 78%, rgba(255, 255, 255, 0.42), transparent 34%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

.theme-light .product-card,
.theme-light .journal-panel,
.theme-light .cart-drawer,
.theme-light .chat-panel,
.theme-light .favorites-drawer,
.theme-light .item-panel,
.theme-light .notification-dropdown,
.theme-light .profile-dropdown {
  backdrop-filter: blur(12px);
  border-radius: 24px;
  background: color-mix(in srgb, var(--bg-primary) 98%, white 2%);
}

.blob {
  animation: blobDrift 14s ease-in-out infinite;
  background: var(--accent-wash);
  border-radius: 50%;
  display: none;
  filter: blur(80px);
  height: 260px;
  pointer-events: none;
  position: fixed;
  width: 260px;
  z-index: 0;
}

.theme-light .blob {
  display: block;
}

.blob-one {
  left: 12%;
  top: 16%;
}

.blob-two {
  animation-delay: -4s;
  right: 8%;
  top: 32%;
}

.blob-three {
  animation-delay: -8s;
  bottom: 8%;
  left: 48%;
}