/* ==========================================================================
   FINANCEIRO DIÁRIO — Raio & Sombra
   A pílula do logo → raios generosos. Sombras suaves, tingidas de verde-escuro.
   ========================================================================== */
:root {
  --fd-radius-sm:   8px;
  --fd-radius-md:   12px;
  --fd-radius-lg:   16px;
  --fd-radius-xl:   24px;
  --fd-radius-full: 9999px;

  /* Sombra (tema light) */
  --fd-shadow-sm: 0 1px 2px rgba(11, 33, 36, .06);
  --fd-shadow-md: 0 4px 12px rgba(11, 33, 36, .08);
  --fd-shadow-lg: 0 12px 32px rgba(11, 33, 36, .12);
}

/* Sombra (tema dark) — mais profunda sobre superfícies escuras */
.dark, [data-theme="dark"] {
  --fd-shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
  --fd-shadow-md: 0 6px 18px rgba(0, 0, 0, .40);
  --fd-shadow-lg: 0 16px 40px rgba(0, 0, 0, .45);
}