:root{
  /* La marca casi no usa sombra: separa con color y con borde.
     Las sombras que existen son suaves, cálidas y de contacto. */
  --shadow-none:none;
  --shadow-contact:0 1px 2px rgba(33,21,9,.06);
  --shadow-card:0 2px 10px rgba(33,21,9,.07);
  --shadow-raised:0 10px 28px rgba(33,21,9,.10);
  --shadow-overlay:0 24px 60px rgba(33,21,9,.18);

  /* Desplazamiento sólido "offset" — el recurso preferido frente al blur:
     una copia del color plano detrás del elemento, como en las ilustraciones. */
  --offset-agua:6px 6px 0 var(--agua);
  --offset-sol:6px 6px 0 var(--sol);
  --offset-carmesi:6px 6px 0 var(--carmesi);
  --offset-marron:6px 6px 0 var(--marron);

  --ring-focus:0 0 0 3px color-mix(in oklch, var(--agua) 35%, transparent);
}