/* Temporary cache-busting overrides to ensure dark theme readability */

/* 1) Any leftover white utilities must be dark in .dark */
.dark [class*="bg-white"] { background-color: #23254d !important; }

/* 2) Critical: force our token-based cards to be dark even if stale CSS is cached */
/* These three selectors cover: guest cards under the dream form, CTA block, and any Card component */
html.dark .bg-card,
html.dark .glass-panel {
  background: rgba(15, 17, 32, 0.78) !important; /* fallback */
  background-color: rgba(15, 17, 32, 0.78) !important;
}

/* 3) Ensure readable text on transparent bordered buttons in dark theme */
.dark a[class*="border-"][class*="px-"][class*="py-"] {
  color: #f5f6ff !important;
}

/* 4) Safer default for muted text in dark */
.dark .text-muted { color: rgba(245,246,255,0.86) !important; }

/* 5) Inputs/Textareas in dark theme */
.dark textarea,
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="search"] {
  background-color: #23254d !important;
  color: #f5f6ff !important;
}

/* 6) Home CTA fix for light theme: force readable white text */
html:not(.dark) a[href="/pro"].inline-flex.h-14 {
  color: #fff !important;
  background-color: rgba(4,6,15,0.84) !important;
  border-color: rgba(4,6,15,0.28) !important;
}
html:not(.dark) a[href="/auth/register"].inline-flex.h-14 {
  color: #fff !important;
  background-color: rgba(4,6,15,0.84) !important;
  border-color: rgba(4,6,15,0.28) !important;
}

/* 7) Dark theme: ensure header logout + cabinet small buttons are readable */
.dark header button { color: #fff !important; }
.dark .rounded-2xl button { color: #fff !important; border-color: rgba(255,255,255,0.4) !important; }