:root {
  --kp-marrom: #3d3935;
  --kp-dourado: #af8b61;
  --kp-dourado-claro: #e0c2a8;
  --kp-areia: #f4f0ed;
  --kp-tinta: #1a1c2e;
  --kp-cinza: #8585a0;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--kp-marrom);
  --md-primary-fg-color--light: #57514c;
  --md-primary-fg-color--dark: #2b2825;
  --md-accent-fg-color: var(--kp-dourado);
  --md-typeset-a-color: var(--kp-dourado);
  --md-default-bg-color: #F9F9FB;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2b2825;
  --md-accent-fg-color: var(--kp-dourado-claro);
  --md-typeset-a-color: var(--kp-dourado-claro);
  --md-default-bg-color: #1c1a18;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 800;
  letter-spacing: -0.3px;
}

.md-typeset h1 { color: var(--kp-tinta); }
[data-md-color-scheme="slate"] .md-typeset h1 { color: #f4f0ed; }

.md-typeset h2 {
  border-bottom: 1px solid rgba(175, 139, 97, 0.25);
  padding-bottom: 6px;
}

.md-header { box-shadow: 0 2px 12px rgba(61, 57, 53, 0.18); }
.md-header__title { font-weight: 700; }

.md-typeset table:not([class]) th {
  background: var(--kp-areia);
  color: var(--kp-marrom);
  font-weight: 700;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background: #2b2825;
  color: var(--kp-dourado-claro);
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 12px;
  border-width: 1px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.md-typeset code { border-radius: 4px; }

.md-nav__title { font-weight: 700; }

.md-footer-meta { background: var(--kp-marrom); }

/* Cartões da home (usa grid do Material: <div class="grid cards" markdown>) */
.md-typeset .grid.cards > ul > li {
  border-radius: 14px;
  border-color: rgba(175, 139, 97, 0.3);
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--kp-dourado);
  box-shadow: 0 4px 18px rgba(61, 57, 53, 0.12);
}

/* Etiqueta de status — uso: <span class="kp-status kp-status--wip">Em construção</span> */
.kp-status {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.kp-status--ok { background: #e6f4ea; color: #1e7b43; }
.kp-status--wip { background: #fdf1e0; color: #a3661a; }
.kp-status--off { background: #eeeef3; color: #6c6c85; }