:root {
  --bg: #f6f1e8;
  --panel: #fffdf8;
  --panel2: #f0e9dc;
  --ink: #1a1714;
  --muted: #6b645b;
  --gold: #c9a227;
  --gold2: #8f7014;
  --line: rgba(160, 125, 24, 0.22);

  --fuente-sans: "Inter", system-ui, -apple-system, sans-serif;
  --fuente-serif: Georgia, "Times New Roman", serif;

  --radio: 16px;
  --radio-boton: 999px;
  --sombra: 0 8px 24px rgba(26, 23, 20, 0.08);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--fuente-sans);
  line-height: 1.5;
}

h1,
h2,
h3 {
  font-family: var(--fuente-serif);
  color: var(--ink);
  margin: 0 0 0.5rem;
}

.acento {
  color: var(--gold);
}

.texto-muted {
  color: var(--muted);
}

.texto-error {
  color: #a3401f;
  font-size: 0.9rem;
}

a {
  color: var(--gold2);
}