/**
 * Brand design tokens — Vana / Kamahui (identidade oficial).
 * Fonte: identidade-visual/extracoes/ficha-tecnica-kamahui.md
 */
:root {
  color-scheme: dark;

  --brand-ink: #322111;
  --brand-deep: #322111;
  --brand-panel: #4a2419;
  --brand-panel-soft: #4a2419;
  --brand-line: rgba(249, 226, 192, 0.22);
  --brand-line-strong: rgba(249, 226, 192, 0.35);
  --brand-line-ui: rgba(249, 226, 192, 0.22);
  --brand-cream: #f9e2c0;
  --brand-paper: #f9e2c0;
  --brand-paper-muted: rgba(249, 226, 192, 0.72);
  --brand-sand: #4a2419;
  --brand-muted: rgba(249, 226, 192, 0.65);
  --brand-red: #ce3b15;
  --brand-orange: #fb9d15;
  --brand-orange-mark: #fb9d15;
  --brand-gold: #fb9d15;
  --brand-success: #477022;
  --brand-success-alt: #477022;
  --brand-error: #ce3b15;
  --brand-green: #477022;

  --brand-font-display: "Poppins", system-ui, sans-serif;
  --brand-font-body: "DM Sans", system-ui, sans-serif;
  --brand-font-serif: Georgia, "Times New Roman", serif;

  --brand-header-height: 64px;
  --brand-content-max: 1200px;
  --brand-shell-max: 1120px;

  /* Aliases legados da engine (prefixo mapu no CSS interno) */
  --mapu-ink: var(--brand-ink);
  --mapu-deep: var(--brand-deep);
  --mapu-panel: var(--brand-panel);
  --mapu-panel-soft: var(--brand-panel-soft);
  --mapu-line: var(--brand-line);
  --mapu-cream: var(--brand-cream);
  --mapu-paper: var(--brand-paper);
  --mapu-sand: var(--brand-sand);
  --mapu-muted: var(--brand-muted);
  --mapu-red: var(--brand-red);
  --mapu-orange: var(--brand-orange);
  --mapu-orange-mark: var(--brand-orange-mark);
  --mapu-gold: var(--brand-gold);
  --mapu-font-display: var(--brand-font-display);
  --mapu-font-body: var(--brand-font-body);
  --mapu-font-serif: var(--brand-font-serif);
  --mapu-header-height: var(--brand-header-height);
  --mapu-content-max: var(--brand-content-max);
  --mapu-shell-max: var(--brand-shell-max);
}

body.hello-elementor {
  margin: 0;
  background: var(--brand-ink);
  color: var(--brand-paper);
  font-family: var(--brand-font-body);
  -webkit-font-smoothing: antialiased;
}

body.hello-elementor a {
  color: var(--brand-orange);
}

body.hello-elementor a:hover {
  color: var(--brand-gold);
}