/* Tema Copywriter (claro) — Olympus Digital Academy brand system */

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

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

body { background-color: #F5F3EC !important; }

/* Fundos: zinc-950/900 = página, zinc-800/700 = superfície de cartão */
.bg-zinc-950, .bg-zinc-900 { background-color: #F5F3EC !important; }
.bg-zinc-800, .bg-zinc-700 { background-color: #FFFEF9 !important; }
.hover\:bg-zinc-700:hover, .hover\:bg-zinc-800:hover { background-color: #EFEDE4 !important; }

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

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

/* Texto secundário / terciário */
.text-zinc-400, .text-zinc-500 { color: #5F625A !important; }
.text-zinc-600, .text-zinc-700 { color: #8A8D84 !important; }

/* Acento: louro escuro (ação/estado) no lugar do âmbar */
.bg-amber-400, .bg-amber-500 { background-color: #5C6B49 !important; }
.hover\:bg-amber-400:hover, .hover\:bg-amber-500:hover, .hover\:bg-amber-600:hover { background-color: #4E5A3D !important; }
.bg-amber-400 *, .bg-amber-500 * { color: #F6F8F0 !important; }

/* Quadrado de identidade (logo) -> azul-noite com ícone champanhe */
.bg-amber-950 { background-color: #0A1020 !important; }
.bg-amber-950 * { color: #DCC48E !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: #5C6B49 !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: #5C6B49 !important; }

/* Selo Academy (adicionado via overlay no shell, fora do iframe) */