@import "aya-ui.css";

/* ============================================================
   AYA SITE — tema oficial
   Paleta: menu #90EE90 | fundo #AFEEEE | texto #000000
   Dark opcional via html[data-tema="escuro"]
   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: #90EE90;
  --aya-fundo: #AFEEEE;
  --aya-texto: #000000;
  --aya-texto-suave: rgba(0, 0, 0, 0.72);
  --aya-borda: rgba(0, 0, 0, 0.15);
  --aya-cartao: #ffffff;
  --aya-destaque: #1E7A46;
  --aya-sombra: 0 8px 24px rgba(0, 0, 0, 0.12);
}

html[data-tema="escuro"] {
  --aya-menu: #14532D;
  --aya-fundo: #0B1F1C;
  --aya-texto: #F2FFFA;
  --aya-texto-suave: rgba(242, 255, 250, 0.75);
  --aya-borda: rgba(255, 255, 255, 0.18);
  --aya-cartao: #12312B;
  --aya-destaque: #90EE90;
  --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: #04220f !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: #DFFFE7 !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: #04220f !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) ---------- */