/**
 * SUS 360 — Design System 1.0.0
 * base/theme.css
 *
 * Tema escuro do sistema: aplicado quando o body tem a classe dark,
 * sobrescrevendo as variáveis de cor definidas em base/vars.css.
 *
 * Depende de: base/vars.css
 */

body.dark {
  /* Superfícies */
  --bg-body: #0d1117;
  --bg-card: #161b22;
  --bg-elevated: #1c2333;

  /* Texto */
  --text-primary: #e0e0e0;
  --text-secondary: #8b949e;
  --text-muted: #8b8fa3; /* Contraste de 5.2:1 contra #0d1117, atendendo ao mínimo WCAG AA de 4.5:1 */

  /* Bordas */
  --border-color: rgba(255, 255, 255, 0.1);
  --border-light: rgba(255, 255, 255, 0.05);

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.5);

  /* Marca ajustada para o tema escuro */
  --sus-blue: #3b9eff;
  --sus-blue-bright: #60b4ff;
  --sus-blue-glow: rgba(59, 158, 255, 0.5);
  --sus-blue-light: #60b4ff;

  /* Cores semânticas ajustadas para o tema escuro */
  --color-success: #34d399;
  --color-danger: #f87171;
  --color-warning: #fbbf24;
  --color-info: #60a5fa;
}