:root {
  /* En oscuro la jerarquía la da el valor de la superficie, no la sombra.
     Las sombras solo aparecen en capas flotantes. */
  --shadow-none: none;
  --shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-overlay: 0 12px 32px -8px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.04);
  --shadow-modal: 0 32px 64px -16px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --ring-focus: 0 0 0 2px var(--surface-page), 0 0 0 4px var(--border-focus);
  --ring-brand-glow: 0 0 0 1px var(--mint-700), 0 6px 24px -8px rgba(0, 227, 160, 0.35);
}