/* Aparejo — elevación.
   La jerarquía la hacen los bordes, no las sombras. Tres niveles y se acabó.
   Todas las sombras son marinas y opacas; nunca de color ni difusas. */
:root{
  --shadow-0:none;                                        /* por defecto: borde 1 px */
  --shadow-1:0 1px 2px rgba(15,27,45,.10);                /* tarjeta que se levanta, botón */
  --shadow-2:0 4px 12px -2px rgba(15,27,45,.16);          /* menú, desplegable, barra fija */
  --shadow-3:0 16px 32px -12px rgba(15,27,45,.28);        /* diálogo, hoja móvil */
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.06); /* separación en superficie marina */
}