/*
  Tokens de sombra (Figma → CSS box-shadow)
  Valores: offset-x | offset-y | blur | spread | cor
*/

:root {
  /* shadow-xs — elevação mínima */
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

  /* shadow-sm — duas camadas (suave + contato) */
  --shadow-sm:
    0 1px 3px 0 rgba(0, 0, 0, 0),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);

  /* shadow-md */
  --shadow-md:
    0 4px 8px -2px rgba(0, 0, 0, 0.1),
    0 2px 2px -2px rgba(0, 0, 0, 0.06);

  /* shadow-lg */
  --shadow-lg:
    0 12px 16px -4px rgba(0, 0, 0, 0.08),
    0 4px 6px -2px rgba(0, 0, 0, 0.03);

  /* shadow-xl */
  --shadow-xl:
    0 20px 24px -4px rgba(0, 0, 0, 0.08),
    0 8px 8px -4px rgba(0, 0, 0, 0.03);

  /* shadow-2xl — camada única */
  --shadow-2xl: 0 24px 48px -12px rgba(0, 0, 0, 0.18);

  /* shadow-3xl — camada única */
  --shadow-3xl: 0 32px 64px -12px rgba(0, 0, 0, 0.14);
}