body.glass-theme {
  min-height: 100vh;
  color: #f8fafc !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(125, 45, 67, .25), transparent 28rem),
    radial-gradient(circle at 88% 20%, rgba(80, 31, 50, .22), transparent 32rem),
    linear-gradient(145deg, #190c12 0%, #100a0e 48%, #1b1016 100%) fixed !important;
}

.glass-theme > .fixed.inset-0 {
  opacity: .25;
  mix-blend-mode: soft-light;
}

.glass-theme header {
  color: #f8fafc !important;
  background: rgba(18, 9, 14, .72) !important;
  border-color: rgba(255, 255, 255, .11) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.glass-theme header [class*="text-[#111827]"],
.glass-theme header [class*="text-[#334155]"],
.glass-theme header [class*="text-[#475569]"] {
  color: #f8fafc !important;
}

.glass-theme main > section > div,
.glass-theme main > div,
.glass-theme form > section,
.glass-theme .glass-panel {
  background: linear-gradient(145deg, rgba(59, 29, 41, .72), rgba(18, 12, 17, .68)) !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.glass-theme article,
.glass-theme [class*="rounded-[24px]"],
.glass-theme [class*="rounded-2xl"] {
  border-color: rgba(255, 255, 255, .11) !important;
}

.glass-theme article,
.glass-theme main [class*="bg-[#f8fafc]"],
.glass-theme main [class*="bg-white"] {
  background: rgba(255, 255, 255, .06) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.glass-theme main [class*="text-[#111827]"],
.glass-theme main [class*="text-[#334155]"] {
  color: #f8fafc !important;
}

.glass-theme main [class*="text-[#475569]"],
.glass-theme main [class*="text-[#64748b]"] {
  color: rgba(255, 255, 255, .68) !important;
}

.glass-theme input,
.glass-theme select,
.glass-theme textarea {
  color: #f8fafc !important;
  background: rgba(5, 3, 5, .45) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

.glass-theme input::placeholder,
.glass-theme textarea::placeholder {
  color: rgba(255, 255, 255, .42);
}

.glass-theme footer {
  color: rgba(255, 255, 255, .65) !important;
  background: rgba(10, 5, 8, .72) !important;
  border-color: rgba(255, 255, 255, .10) !important;
}

.glass-theme footer [class*="text-[#111827]"] {
  color: #f8fafc !important;
}
