/* ================================
   Tema HEP (oficial)
   ================================ */

   body {
    background: #f1f5f9;
    color: #0f172a;
  }
  
  #topWrapper, .topbar, .controls-group {
    background: #003087;
    color: #fff;
    border-bottom: 3px solid #ffc400;
  }
  
  .card {
    background: white;
    border: 2px solid #003087;
    color: #0f172a;
    /* Glow/sombra acinzentada para destacar o card em fundo claro */
    box-shadow: 0 0 32px 8px #bfc6d8cc, 0 8px 32px 0 #bfc6d888;
  }
  
  .card-word {
    color: #003087;
  }

  .toast {
    background: #003087;
    color: #ffc400;
    border: 2px solid #ffc400;
    box-shadow: 0 0 16px 4px #ffc400, 0 6px 32px 0 #003087aa, 0 0 0 2px #002060;
    text-shadow: 0 0 8px #ffc400, 0 0 2px #fffbe6;
  }
  
  .heardbar {
    background: #002060 !important;
    color: #ffffff !important;
  }