/* ==========================================================================
   Dark Mode Global Tokens
   (Apenas variáveis - estilos de componentes ficam nos próprios componentes)
   ========================================================================== */

[data-color-mode="dark"] {
  --card-bg: #1e2b3c;
  --card-border: #2d3f55;
  --card-shadow: 0 4px 20px rgba(0,0,0,0.3);
  --card-shadow-hover: 0 12px 40px rgba(0,0,0,0.45);
  --section-bg: #141e2b;
  --section-bg-alt: #1a2636;
  --text-primary: #e8edf5;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border-color: #2d3f55;
}

.has-dark-background, [data-color-mode="dark"] body {
  color: var(--text-primary);
}