:root {
  /* No escuro a elevação vem de borda + halo, não de sombra preta. */
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.32);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.34);
  --shadow-md: 0 10px 28px rgba(0, 0, 0, 0.42);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.55);
  /* Cores da marca (sombra vermelha no botão primário) */
  --shadow-brand: 0 8px 24px rgba(139, 13, 26, 0.34);
  --shadow-accent: 0 8px 24px rgba(181, 22, 40, 0.26);

  /* Highlight interno de 1px no topo dos cards escuros (efeito "vidro"). */
  --inner-top: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --inner-ring: inset 0 0 0 1px rgba(245, 242, 237, 0.10);

  /* Sombras para superfícies claras */
  --shadow-light-sm: 0 1px 2px rgba(26, 23, 23, 0.06), 0 1px 3px rgba(26, 23, 23, 0.04);
  --shadow-light-md: 0 4px 16px rgba(26, 23, 23, 0.08);
  --shadow-light-lg: 0 18px 44px rgba(26, 23, 23, 0.10);

  --ring-focus: 0 0 0 3px var(--focus-ring);
  --blur-glass: saturate(150%) blur(14px);
}

/* No tema claro os cards flutuam com sombra suave, não com highlight interno. */
[data-theme="light"] {
  --inner-top: none;
  --shadow-sm: var(--shadow-light-sm);
  --shadow-md: var(--shadow-light-md);
  --shadow-lg: var(--shadow-light-lg);
}