:root{
  /* Identidade */
  --primary:#2f9e41;   /* IFS verde (predominante) */
  --primary-700:#257a34;
  --primary-800:#1b5c2a;

  --kanitech:#00354C;  /* referência apenas */

  /* Tema escuro levemente esverdeado */
  --bg:#11261a;
  --panel:#13301f;
  --card:#163826;
  --stroke:#1f4a33;

  --text:#eef4f7;
  --muted:#cfe5d6;
  --focus:#8ce59c;

  /* espaço para não ser coberto pelo popup do chat */
  --safe-bottom:110px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding-bottom:var(--safe-bottom);
}

/* === CABEÇALHO (topo escuro com predominância verde) === */
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:12px 20px;
  background:linear-gradient(90deg, var(--primary-800), var(--primary-700) 60%, var(--primary) 100%);
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#fff;
}
.topbar .brand{display:flex;align-items:center;gap:10px}
.topbar .brand .divider{
  width:1px;height:28px;background:rgba(255,255,255,.25);display:inline-block;border-radius:1px;
}
.topbar .context{font-weight:600;color:#fff}
.topbar .muted{opacity:.85;color:#e7f4ea}

/* Logos com “badge” branco para contraste */
.logo-badge{
  display:flex;align-items:center;
  padding:6px 10px;background:#fff;border-radius:10px;
  box-shadow:0 0 0 1px rgba(0,0,0,.06), 0 6px 14px rgba(0,0,0,.15);
}
.topbar .brand img{display:block;height:34px}

/* === CONTEÚDO (coluna única) === */
.container{max-width:980px;margin:24px auto;padding:0 20px}

.info{
  background:var(--panel);
  border:1px solid var(--stroke);
  border-radius:14px;
  padding:20px;
}
.info h1{margin:0 0 14px;font-size:1.35rem;line-height:1.2}

.card{
  background:var(--card);
  border:1px solid var(--stroke);
  border-radius:12px;
  padding:16px;
  margin:14px 0;
}
.card-title{margin:0 0 8px;font-size:1rem;letter-spacing:.2px}
.warning{
  border-color: rgba(47,158,65,.45);
  box-shadow:0 0 0 1px rgba(47,158,65,.25) inset;
}
.bullets{margin:10px 0 0 0;padding-left:20px}
.bullets li{margin:6px 0}
.small{font-size:.9rem}
.muted{color:var(--muted)}

/* Acessibilidade: foco visível */
a, button, .btn, [tabindex]{outline:none}
a:focus-visible, .btn:focus-visible, button:focus-visible{
  outline:3px solid var(--focus);
  outline-offset:2px;border-radius:8px;
}

/* === RODAPÉ (gradiente próprio + acento verde) === */
:root{
  --footer-text:#eef4f7;
  --footer-muted:#cfe5d6;
}
.footer{
  background:linear-gradient(180deg, #153728 0%, #0f271d 100%);
  color:var(--footer-text);
  border-top:3px solid var(--primary); /* acento IFS verde */
  text-align:center;
  padding:14px 20px;
}
.footer .muted{color:var(--footer-muted)}
.footer a{color:#bfe3ff}
.footer a:hover{text-decoration:underline}

/* Responsividade */
@media (max-width:980px){
  .topbar .brand img{height:30px}
  :root{ --safe-bottom:120px; }
}