/* Tema Copywriter (escuro/elegante) — identidade AI Photo 4 Me */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&display=swap');

body, button, input, select, textarea {
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
h1, h2, h3 {
  font-family: 'Playfair Display', serif !important;
  font-weight: 600 !important;
}

body { background-color: #0A0908 !important; }

/* Fundos: zinc-950/900 = página, zinc-800/700 = superfície de cartão */
.bg-zinc-950, .bg-zinc-900 { background-color: #0A0908 !important; }
.bg-zinc-800, .bg-zinc-700 { background-color: #15120D !important; }
.hover\:bg-zinc-700:hover, .hover\:bg-zinc-800:hover { background-color: #1D1811 !important; }

/* Bordas */
.border-zinc-700, .border-zinc-800 { border-color: #2A2319 !important; }

/* Texto principal */
.text-zinc-100, .text-zinc-200 { color: #F0EBE1 !important; }
/* Texto sobre fundo de acento (badge/botão) */
.text-zinc-950 { color: #0A0908 !important; }

/* Texto secundário / terciário */
.text-zinc-400, .text-zinc-500 { color: #9C8F79 !important; }
.text-zinc-600, .text-zinc-700 { color: #6B5F50 !important; }

/* Acento: dourado no lugar do âmbar */
.bg-amber-400, .bg-amber-500 { background-color: #C9A84C !important; }
.hover\:bg-amber-400:hover, .hover\:bg-amber-500:hover, .hover\:bg-amber-600:hover { background-color: #A88A3C !important; }
.bg-amber-400 *, .bg-amber-500 * { color: #0A0908 !important; }

/* Quadrado de identidade (logo) -> preto profundo com ícone champanhe */
.bg-amber-950 { background-color: #080808 !important; }
.bg-amber-950 * { color: #E8D4A0 !important; }

.border-amber-500, .border-amber-600, .border-amber-700, .border-amber-800, .border-amber-900,
.hover\:border-amber-500:hover, .hover\:border-amber-600:hover, .hover\:border-amber-700:hover,
.focus\:border-amber-500:focus { border-color: #C9A84C !important; }

.text-amber-100, .text-amber-200, .text-amber-300,
.text-amber-400, .text-amber-500, .text-amber-600, .text-amber-700,
.hover\:text-amber-200:hover { color: #C9A84C !important; }

/* Selo AI Photo 4 Me (adicionado via overlay no shell, fora do iframe) */