:root {
  --bg-tierra: #E4E5D4;
  --verde-musgo: #63863C;
  --cafe-raiz: #4F3830;
  --acento-arcilla: #96766B;
  --bg-blanco: #ffffff;
  --texto-primario: #4F3830;
  --texto-secundario: #6b6b6b;
  --borde-suave: #d4d4c8;
  --sombra-suave: rgba(79, 56, 48, 0.08);
  --sombra-hover: rgba(79, 56, 48, 0.12);
}

/* Organic shadows and depths */
.shadow-sm { box-shadow: 0 1px 3px var(--sombra-suave); }
.shadow-md { box-shadow: 0 4px 10px var(--sombra-suave); }
.shadow-lg { box-shadow: 0 8px 20px var(--sombra-suave); }

/* Gradient accent */
.bg-gradient {
  background: linear-gradient(135deg, var(--verde-musgo), var(--acento-arcilla));
}

/* Utility classes */
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.text-green { color: var(--verde-musgo); }
.text-brown { color: var(--cafe-raiz); }
.text-arcilla { color: var(--acento-arcilla); }

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}