/* =========================================================
   MARCA — colores y tipografías de todo el sitio.
   Para aplicar la identidad de Ñandereko, cambiar solo este archivo.
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Inter:wght@400;500;600&display=swap");

:root {
  /* Fondos y textos */
  --color-fondo: #F3F2EF;
  --color-superficie: #FFFFFF;
  --color-texto: #1E2420;
  --color-texto-suave: #4A514C;
  --color-borde: #E2DED6;
  --color-borde-fuerte: #C9C4BA;
  --color-placeholder: #D8D3C9;

  /* Color principal (botones, selección) */
  --color-primario: #2F5D46;
  --color-primario-hover: #1F4231;
  --color-sobre-primario: #FFFFFF;

  /* Zonas oscuras (encabezado, "Cómo trabajamos") */
  --color-oscuro: #1E2420;
  --color-sobre-oscuro: #F3F2EF;
  --color-sobre-oscuro-suave: #C4C9C5;
  --color-borde-oscuro: #3C4540;

  /* Acento (detalles en tono madera) */
  --color-acento: #D9B58A;
  --color-acento-texto: #8F5622;

  /* Tipografías */
  --fuente-titulos: "Bricolage Grotesque", Georgia, sans-serif;
  --fuente-texto: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Formas */
  --radio: 10px;
  --radio-boton: 6px;
  --ancho-max: 1200px;
}