/* ==========================================================================
   SIGA — Sistema Integrado de Gestão Ambulatorial
   Tema visual do portal (tokens únicos).

   Este é o ÚNICO lugar onde as cores do portal são definidas.
   Para trocar a identidade visual, altere apenas os valores abaixo —
   as páginas (index/registro/esqueci_senha/footer) consomem via var().
   ========================================================================== */

:root {
  /* Superfícies e texto */
  --bg-page:#f4faf9;  --bg-card:#fff;  --bg-input:#fff;
  --color-text:#152826; --color-muted:#5b7370; --border:#dfeceb;

  /* Identidade — verde/teal saúde */
  --accent:#0d9488;          /* realce geral  */
  --accent-strong:#0f766e;   /* fundos com texto branco e títulos (contraste AA) */
  --accent-soft-bg:#f0fdfa;
  --accent-soft-border:#99f6e4;
  --accent-soft-text:#0f766e;

  --title-color:var(--accent-strong);
  --top-bar:var(--accent-strong);

  /* Rodapé */
  --footer-bg:#f7fbfb; --footer-border:rgba(15,40,38,.08);
  --footer-text:#152826; --footer-muted:#4a6360; --footer-link:var(--accent-strong);
}

[data-tema="escuro"] {
  --bg-page:#0c1a19;  --bg-card:#132826;  --bg-input:#0c1a19;
  --color-text:#e2f1ef; --color-muted:#8fa8a5; --border:#2b4744;

  --accent:#14b8a6;
  --accent-strong:#115e59;
  --accent-soft-bg:rgba(13,148,136,.18);
  --accent-soft-border:#115e59;
  --accent-soft-text:#5eead4;

  --title-color:#2dd4bf;
  --top-bar:#115e59;

  --footer-bg:#0c1a19; --footer-border:rgba(143,168,165,.22);
  --footer-text:#e2f1ef; --footer-muted:#8fa8a5; --footer-link:#2dd4bf;
}

/* Tipografia do produto — diferencia do visual anterior sem mexer no layout */
body, .login-top-title, .login-card-title, .form-label, .btn {
  font-family:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}
.login-top-title { letter-spacing:.02em; }

/* Marca SIGA na barra superior: sigla forte + extenso leve */
.siga-marca { display:inline-flex; align-items:baseline; gap:.5rem; min-width:0; }
.siga-marca .sigla {
  font-weight:800; font-size:1.25rem; letter-spacing:.14em; color:#fff;
}
.siga-marca .extenso {
  font-weight:400; font-size:.78rem; letter-spacing:.01em;
  color:rgba(255,255,255,.82); white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
}
@media (max-width:575.98px) { .siga-marca .extenso { display:none; } }