@import "aya-ui.css";

/* ============================================================
   AYA SITE — tema oficial ("Pedra de Ouro Preto")
   Claro: menu #123B28 | fundo #F3EEE3 | texto #262B22
   Escuro: menu #0B0A08 | fundo #060504 | dourado #EDBE4F
   Daltonismo via overlay/filtro controlado por /js/aya-ui.js
   Este arquivo e carregado DEPOIS dos estilos de cada pagina
   e centraliza a identidade visual do site institucional.
   ============================================================ */

:root {
  --aya-menu: #123B28;
  --aya-fundo: #F3EEE3;
  --aya-texto: #262B22;
  --aya-texto-suave: rgba(38, 43, 34, 0.72);
  --aya-borda: rgba(38, 43, 34, 0.14);
  --aya-cartao: #FBF8F0;
  --aya-destaque: #1C5B3C;
  --aya-sombra: 0 8px 24px rgba(38, 43, 34, 0.10);
}

html[data-tema="escuro"] {
  --aya-menu: #0B0A08;
  --aya-fundo: #060504;
  --aya-texto: #CFC8B4;
  --aya-texto-suave: rgba(207, 200, 180, 0.70);
  --aya-borda: rgba(237, 190, 79, 0.16);
  --aya-cartao: #0C0B09;
  --aya-destaque: #D9B45C;
  --aya-sombra: 0 8px 24px rgba(0, 0, 0, 0.5);
}

/* ---------- base obrigatoria ---------- */
body {
  background-color: var(--aya-fundo) !important;
  color: var(--aya-texto) !important;
  transition: background-color .25s ease, color .25s ease;
}

h1, h2, h3, h4, h5, h6, p, li, span, label, strong, td, th { color: inherit; }

a { color: var(--aya-destaque); }
html[data-tema="escuro"] a { color: var(--aya-destaque); }

/* ---------- menus / barras (fundo LightGreen) ---------- */
.navbar,
header.site-header,
.menu-principal,
nav.menu {
  background-color: var(--aya-menu) !important;
  background-image: none !important;
  color: var(--aya-texto) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

.navbar .nav-link,
.navbar-brand,
.menu-principal a,
nav.menu a {
  color: #F3EEE3 !important;
  font-weight: 600;
}
html[data-tema="escuro"] .navbar .nav-link,
html[data-tema="escuro"] .navbar-brand,
html[data-tema="escuro"] .menu-principal a,
html[data-tema="escuro"] nav.menu a { color: #E8E1CF !important; }

.navbar .nav-link.active,
.navbar .nav-link:hover { opacity: .78; }

.navbar-toggler { border-color: rgba(0, 0, 0, .3); }
.navbar-toggler-icon { filter: invert(1); }

/* rodape segue o menu */
footer {
  background-color: var(--aya-menu) !important;
  background-image: none !important;
  color: #F3EEE3 !important;
}
html[data-tema="escuro"] footer { color: #DFFFE7 !important; }
footer a { color: inherit; }

/* ---------- cartoes e blocos ---------- */
.card, .bg-white, .section-clara {
  background-color: var(--aya-cartao) !important;
  color: var(--aya-texto) !important;
  border-color: var(--aya-borda) !important;
  border-radius: 14px;
}
html[data-tema="escuro"] .text-dark { color: var(--aya-texto) !important; }

.section, main > section:not([data-aya-heroi]) { background-clip: padding-box; }

.btn-outline-light { border-color: currentColor; color: var(--aya-texto); }

.img-thumbnail { background: var(--aya-cartao); border-color: var(--aya-borda); }

.modal-content { background: var(--aya-cartao); color: var(--aya-texto); }
.form-control, .form-select, input, textarea, select {
  background: #ffffff;
  color: #000000;
}
html[data-tema="escuro"] .modal-content { background: var(--aya-cartao); }

/* ---------- botoes flutuantes de acessibilidade (visual-base em aya-ui.css) ---------- */