/* Paleta de marca — Sembrados en Buena Tierra (sitio público) */
:root {
  --color-brand: #2d6a4f;        /* verde institucional */
  --color-brand-dark: #1f4d38;
  --color-brand-light: #e6f2ec;
  --color-accent: #A65A3F;       /* terracota — CTAs destacados */
  --color-accent-dark: #8a4a33;
  --color-accent-light: #f3e5df;
  --color-ink: #343A40;          /* texto oscuro / encabezados */
  --color-brown: #73412F;        /* acentos secundarios, bordes cálidos */
  --color-bg: #F2F2F2;           /* fondo de página / tarjetas */
  --color-gray: #8C8C8C;         /* texto secundario, bordes sutiles */
}

body { color: var(--color-ink); }

.text-muted { color: var(--color-gray) !important; }

/* Botones: el verde queda como "confirmar / éxito", el acento terracota
   como llamada a la acción destacada (reemplaza el amarillo por defecto). */
.btn-success {
  background: var(--color-brand);
  border-color: var(--color-brand);
}
.btn-success:hover, .btn-success:focus {
  background: var(--color-brand-dark);
  border-color: var(--color-brand-dark);
}

.btn-warning,
.btn-accent {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: #fff;
}
.btn-warning:hover, .btn-warning:focus,
.btn-accent:hover, .btn-accent:focus {
  background: var(--color-accent-dark);
  border-color: var(--color-accent-dark);
  color: #fff;
}

.btn-outline-secondary {
  color: var(--color-ink);
  border-color: var(--color-gray);
}
.btn-outline-secondary:hover {
  background: var(--color-ink);
  border-color: var(--color-ink);
}

a { color: var(--color-brand); }
a:hover { color: var(--color-brand-dark); }

/* Ícono inline (ver includes/icons.php) */
.ico { display: inline-block; width: 1.1em; height: 1.1em; vertical-align: -0.15em; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ico-lg { width: 40px; height: 40px; stroke-width: 1.4; }
.ico-brand { color: var(--color-brand); }
.ico-accent { color: var(--color-accent); }
.ico-gray { color: var(--color-gray); }