/*
 * Overrides para tema claro (html.light).
 * Mantido fora do index.css processado pelo Tailwind v4 para evitar erro de parse em
 * selectores com classes escapadas (ex.: .text-white\/95).
 */

html.light .text-white {
  color: #15171e;
}

html.light .hover\:text-white:hover {
  color: #15171e !important;
}

html.light .text-white\/95 {
  color: rgba(21, 23, 30, 0.95) !important;
}

html.light .text-white\/90 {
  color: rgba(21, 23, 30, 0.9) !important;
}

html.light .text-white\/85 {
  color: rgba(21, 23, 30, 0.85) !important;
}

html.light .text-white\/80 {
  color: rgba(21, 23, 30, 0.8) !important;
}

html.light .text-white\/70 {
  color: rgba(21, 23, 30, 0.7) !important;
}

html.light .text-white\/60 {
  color: rgba(21, 23, 30, 0.6) !important;
}

html.light .text-white\/50 {
  color: rgba(21, 23, 30, 0.5) !important;
}

html.light [class*='text-shadow'] {
  text-shadow: none !important;
}

html.light .bg-rose-500.text-white,
html.light .bg-rose-500 .text-white {
  color: #fff !important;
}

html.light .from-gold.text-ink,
html.light .to-gold-dim.text-ink {
  color: #1a1408 !important;
}

html.light .member-account-trigger .text-gold {
  color: var(--color-gold) !important;
}

html.light .text-emerald-100,
html.light .text-emerald-200,
html.light .text-emerald-300,
html.light .text-emerald-400 {
  color: #047857 !important;
}

html.light .text-emerald-100\/95,
html.light .text-emerald-200\/90,
html.light .text-emerald-200\/95,
html.light .text-emerald-300\/90,
html.light .text-emerald-300\/95,
html.light .text-emerald-400\/90 {
  color: rgba(4, 120, 87, 0.92) !important;
}

html.light .text-amber-300,
html.light .text-amber-300\/90,
html.light .text-amber-300\/95,
html.light .text-amber-300\/85 {
  color: #b45309 !important;
}

html.light .text-sky-200,
html.light .text-sky-200\/95,
html.light .text-sky-300,
html.light .text-sky-300\/95 {
  color: #0369a1 !important;
}

html.light .text-violet-200,
html.light .text-violet-200\/95 {
  color: #5b21b6 !important;
}

html.light .text-red-200,
html.light .text-red-300 {
  color: #b91c1c !important;
}

html.light .text-rose-100,
html.light .text-rose-200,
html.light .text-rose-300,
html.light .text-rose-300\/95,
html.light .text-rose-400 {
  color: #9f1239 !important;
}

html.light [data-dark-overlay] .text-white {
  color: #f4f4f5 !important;
}

html.light [data-dark-overlay] .text-gold {
  color: #f3e6bc !important;
}