/* ---------------------------------------------------------------------------
 * Tokens del sistema de diseño (paleta derivada de la foto de Daniela)
 * Ningún otro archivo declara valores sueltos: sólo consume estas variables.
 *
 * Nota de accesibilidad (regla 8 del brief): el blanco sobre la salvia original
 * (#9fc3b8) daba 1.91:1, así que la salvia va oscurecida hasta superar 4.5:1
 * con blanco. Los demás colores son exactamente los de la especificación.
 * ------------------------------------------------------------------------ */

:root {
  /* Paleta */
  --arcilla: #8c5e47;
  --arcilla-oscura: #6b4634;
  --arcilla-clara: #d19570;
  --salvia: #4e7a6a;
  --salvia-oscura: #3f6457;
  --crema: #f7f3ee;
  --blanco: #ffffff;
  --tinta: #3a332e;
  --tinta-tenue: #7d736b;
  --terracota: #c07a52;
  --linea: #ebe6df;

  /* Tipografía */
  --fuente: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Medidas */
  --borde-lateral: 40px;
  --contenedor-ancho: 1120px;
  --encabezado-alto: 4.25rem;

  /* Radios y sombras */
  --radio-boton: 2px;
  --radio-tarjeta: 3px;
  --sombra-suave: 0 2px 20px rgba(0, 0, 0, 0.05);
  --sombra-alta: 0 8px 28px rgba(0, 0, 0, 0.1);

  /* Movimiento */
  --transicion-tarjeta: 250ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (max-width: 480px) {
  :root {
    --borde-lateral: 16px;
  }
}