:root{
  /* Sombra chapada, sem blur, sempre em tinta: o objeto parece um brinquedo recortado.
     Cresce com o tamanho do objeto — etiqueta pequena 2–3px, botão 5px, cartão grande 8–10px. */
  --shadow-xs:2px 2px 0 var(--slate-900);
  --shadow-sm:3px 3px 0 var(--slate-900);
  --shadow-md:5px 5px 0 var(--slate-900);
  --shadow-lg:8px 8px 0 var(--slate-900);
  --shadow-xl:10px 10px 0 var(--slate-900);
  --shadow-accent:8px 8px 0 var(--apricot-500);   /* cartão claro sobre bloco tinta */
  --shadow-brand:5px 5px 0 var(--slate-900);      /* ação flutuante principal */
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.5);

  /* As duas únicas sombras com blur: papel (bilhetes) e recorte fotográfico (pet em PNG) */
  --shadow-paper:0 14px 24px rgba(31,45,58,.18);
  --shadow-photo:drop-shadow(0 18px 18px rgba(31,45,58,.25));   /* use em filter */
}