/* Tema claro/escuro controlado por body.dark-theme */
/* Paleta escura (default/root) e clara (body:not(.dark-theme)) */
:root {
  /* Dark (preto + azul-escuro) */
  --bg: #000000;
  --card: #070d18;
  --card-strong: #070c16; /* um passo mais escuro que --card, acima de --surface */
  --text: #e7e9ee;
  --muted: #a9b0bb;
  --brand: #ff3b3b;
  --accent: #07101f;
  --surface: #070a12;
  --border: #151d2c;
  --ok: #2ecc71;
  --nav-surface: #0c1424;
  --nav-icon: #c5cbe0;
  --nav-caption: #9ca8d4;
  --nav-border: transparent;
  --nav-shadow: 0 18px 35px rgba(0,0,0,.55);
}

body.dark-theme {
  --bg: #000000;
  --card: #070d18;
  --card-strong: #070c16;
  --text: #e7e9ee;
  --muted: #a9b0bb;
  --brand: #ff3b3b;
  --accent: #07101f;
  --surface: #070a12;
  --border: #151d2c;
  --nav-surface: #0c1424;
  --nav-icon: #c5cbe0;
  --nav-caption: #9ca8d4;
  --nav-border: transparent;
  --nav-shadow: 0 18px 35px rgba(0,0,0,.55);
}

/* Light theme restaurado */
body:not(.dark-theme) {
  --bg: #f6f7fb;      /* fundo claro */
  --card: #ffffff;    /* cartões brancos */
  --card-strong: #f8fafc; /* um pouco mais escuro que branco para destaque leve */
  --text: #101319;    /* texto escuro */
  --muted: #6b7280;   /* texto secundário */
  --brand: #e73a3a;   /* vermelho de marca consistente */
  --accent: #eef2ff;  /* acento claro */
  --surface: #ffffff; /* inputs/painéis claros */
  --border: #e5e7eb;  /* borda clara */
  --nav-surface: #f0f0f0;
  --nav-icon: #1f1f1f;
  --nav-caption: #2b2b2b;
  --nav-border: transparent;
  --nav-shadow: 0 16px 32px rgba(15,23,42,.12);
}