body[data-theme="contrast"] .card {
          background: #000;
          border: 3px solid #fff;
          color: #fff;
          box-shadow: 0 0 32px 8px #fff8, 0 8px 32px 0 #000a;
          text-shadow:
            0 2px 8px #000,
            0 1.5px 0 #fff8 inset,
            0 1px 0 #fff,
            0 0 12px #fff,
            0 0 2px #fff;
        }
        /* ...existing code... */
        body[data-theme="contrast"] .card, body[data-theme="contrast"] .card * {
          text-shadow:
            0 2px 8px #000,
            0 1.5px 0 #fff8 inset,
            0 1px 0 #fff,
            0 0 12px #fff,
            0 0 2px #fff;
        }
        /* ...existing code... */
        /* Campo de busca para localizar tema ou grupo */
        /* ...existing code... */
        .search-theme-group input[type="text"] {
          background: #000;
          color: #fff;
          border: 2px solid #fff;
          box-shadow: 0 4px 16px 0 #fff, 0 2px 4px 0 #0008, 0 1.5px 0 #fff8 inset;
          text-shadow: 0 1px 0 #fff, 0 0 8px #fff;
        }
        .search-theme-group input[type="text"]::placeholder {
          color: #fff;
          text-shadow: 0 1px 0 #fff, 0 0 8px #fff;
        }
body[data-theme="contrast"] .btn-home-cards {
  background: #fff700;
  color: #1a1a1a;
  border: 3px solid #ff0;
  box-shadow: 0 7px 18px 0 #ff0a, 0 2px 8px 0 #0008, 0 1.5px 0 #fff8 inset;
  text-shadow: 0 1px 0 #fff, 0 0 8px #ff0;
}
body[data-theme="contrast"] .switch {
  background: #000;
  color: #fff;
  border: 2px solid #fff;
  box-shadow: 0 4px 16px 0 #fff, 0 2px 4px 0 #0008, 0 1.5px 0 #fff8 inset;
}
body[data-theme="contrast"] .btn {
  background: #fff;
  color: #000;
  border: 2px solid #fff;
  box-shadow: 0 4px 16px 0 #fff, 0 2px 4px 0 #0008, 0 1.5px 0 #fff8 inset, 0 -2px 8px 0 #fff2 inset;
}
/* ================================
   Tema CONTRASTE ALTO
   ================================ */

body[data-theme="contrast"] {
  background: #000;
  color: #fff;
}
body[data-theme="contrast"] #topWrapper,
body[data-theme="contrast"] .topbar,
body[data-theme="contrast"] .controls-group {
  background: #000;
  color: #fff;
  border-bottom: 3px solid #fff;
}
body[data-theme="contrast"] .card {
  background: #000;
  border: 3px solid #fff;
  box-shadow: 0 20px 60px 0 #fff8, 0 8px 28px 0 #0008, 24px 0 48px -4px #fff8;
  color: #fff;
  text-shadow:
    0 2px 8px #000,
    0 1.5px 0 #fff8 inset,
    0 1px 0 #fff,
    0 0 12px #fff,
    0 0 2px #fff;
}
  
  /* ...existing code... */
  /* ...existing code... */
  /* ...existing code... */
body[data-theme="contrast"] .card-word {
  color: #fff;
}
body[data-theme="contrast"] .card-pt {
  color: #ff0;
}
body[data-theme="contrast"] .card-actions .pill {
  background: #fff;
  color: #000;
}
body[data-theme="contrast"] .card.hit {
  border-color: #0f0;
}
body[data-theme="contrast"] .card.blue {
  border-color: #0af;
}
body[data-theme="contrast"] .toast {
  background: #fff;
  color: #000;
  border: 3px solid #ff0;
  box-shadow: 0 0 16px 4px #ff0, 0 6px 32px 0 #000a, 0 0 0 2px #000;
}
body[data-theme="contrast"] .heardbar {
  background: #000 !important;
  color: #fff !important;
}