/*
 * Fallback para navegadores antigos (ex.: iPhone com iOS < 15.4, Android/Chrome < 111)
 * que não entendem as cores modernas do tema. Sem isto a página aparece branca.
 * Só é aplicado quando o navegador não suporta oklch().
 */
@supports not (color: oklch(0% 0 0)) {
  html, body { background: #1d1411 !important; color: #f1e9db !important; font-family: Inter, system-ui, -apple-system, sans-serif; }
  body * { border-color: rgba(214, 180, 120, 0.35); }
  main { background: #1d1411; }
  h1, h2, h3, strong { color: #f1e9db; }
  p, label, span, li, small { color: inherit; }
  a { color: #e3c487; }
  img { max-width: 100%; height: auto; }
  svg { max-width: 1.5em; max-height: 1.5em; }
  [class*="blur-"], [class*="pointer-events-none absolute"] { display: none !important; }
  .gold-text, .gradient-event-text, .gradient-silver-text {
    background: none !important; -webkit-text-fill-color: #e3c487 !important; color: #e3c487 !important;
  }
  .surface-panel, .band-wine { background: #2a1a17 !important; border: 1px solid rgba(214, 180, 120, 0.35); border-radius: 20px; padding: 20px; }
  .band-wine { background: #5c1a26 !important; }
  .field, input, textarea, select {
    background: #120c0a !important; color: #f1e9db !important; border: 1px solid rgba(214, 180, 120, 0.45) !important;
    border-radius: 12px; padding: 12px 14px; font-size: 16px; width: 100%; box-sizing: border-box;
  }
  input[type="checkbox"], input[type="radio"] { width: auto; }
  button, .btn-gold {
    background: #d6b478 !important; color: #1d1411 !important; border: 0; border-radius: 999px;
    padding: 12px 20px; font-weight: 700; font-size: 16px;
  }
  button[role="radio"], button[role="checkbox"], button[aria-pressed] { background: #2a1a17 !important; color: #f1e9db !important; border: 1px solid rgba(214, 180, 120, 0.45); }
  button[aria-checked="true"], button[aria-pressed="true"], button[data-state="checked"] { background: #5c1a26 !important; border-color: #d6b478; }
}