/*
 * Tema do PRISMA aplicado à documentação (MkDocs Material).
 * Espelha a paleta quente do contrato AGIR usada nas telas do sistema:
 *   - marrom primário  #78350F  (amber-900) — sidebar/botões primários
 *   - marrom claro      #90593A  — item de menu ativo / hover
 *   - âmbar de destaque #B45309  — links e realces
 * Os tokens --md-* são os que o Material consome quando palette.primary=custom.
 */

:root {
  --prisma-brown-900: #78350f;
  --prisma-brown-800: #804119;
  --prisma-brown-700: #90593a;
  --prisma-amber-600: #b45309;
  --prisma-amber-500: #d97706;

  /* Cor primária (cabeçalho, botões, itens de navegação ativos). */
  --md-primary-fg-color: var(--prisma-brown-900);
  --md-primary-fg-color--light: var(--prisma-brown-700);
  --md-primary-fg-color--dark: #5c2a0c;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.75);

  /* Cor de destaque (links em hover, foco). */
  --md-accent-fg-color: var(--prisma-amber-600);
  --md-accent-fg-color--transparent: rgba(180, 83, 9, 0.1);
}

/* Modo escuro: mantém os realces quentes sobre o slate do Material. */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--prisma-brown-700);
  --md-accent-fg-color: var(--prisma-amber-500);
  --md-typeset-a-color: var(--prisma-amber-500);
}

/* Cabeçalho com o degradê marrom das telas do sistema. */
.md-header {
  background: linear-gradient(
    100deg,
    var(--prisma-brown-900) 0%,
    var(--prisma-brown-800) 100%
  );
}

.md-tabs {
  background: var(--prisma-brown-800);
}

/* Prints das telas com moldura suave, como os cards do sistema. */
.md-typeset img {
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
}

/* "Chips" de perfil/menu usados no texto (ex.: itens do menu lateral). */
.prisma-chip {
  display: inline-block;
  padding: 0.05rem 0.5rem;
  border-radius: 999px;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1.6;
  background: var(--md-accent-fg-color--transparent);
  color: var(--prisma-amber-600);
  white-space: nowrap;
}

[data-md-color-scheme="slate"] .prisma-chip {
  color: var(--prisma-amber-500);
}

/* Botão de destaque na página inicial. */
.md-typeset .md-button--primary {
  background-color: var(--prisma-brown-900);
  border-color: var(--prisma-brown-900);
  color: #fff;
}
.md-typeset .md-button--primary:hover {
  background-color: var(--prisma-amber-600);
  border-color: var(--prisma-amber-600);
}