/* Tool Hub — overrides and extensions on top of home.css */

/* Category badge variants */
.game-tag.encoding   { background: rgba(59,130,246,0.15);  color: #3b82f6;  border-color: rgba(59,130,246,0.3); }
.game-tag.hashing    { background: rgba(124,58,237,0.15);  color: #a78bfa;  border-color: rgba(124,58,237,0.3); }
.game-tag.pki        { background: rgba(13,148,136,0.15);  color: #2dd4bf;  border-color: rgba(13,148,136,0.3); }
.game-tag.text       { background: rgba(230,57,80,0.15);   color: #f87171;  border-color: rgba(230,57,80,0.3); }
.game-tag.conversion { background: rgba(245,197,24,0.15);  color: #fbbf24;  border-color: rgba(245,197,24,0.3); }
.game-tag.generation { background: rgba(249,115,22,0.15);  color: #fb923c;  border-color: rgba(249,115,22,0.3); }
.game-tag.finance    { background: rgba(34,197,94,0.15);   color: #4ade80;  border-color: rgba(34,197,94,0.3); }
.game-tag.reference  { background: rgba(236,72,153,0.15); color: #f472b6;  border-color: rgba(236,72,153,0.3); }
.game-tag.fun        { background: rgba(168,85,247,0.15);  color: #c084fc;  border-color: rgba(168,85,247,0.3); }
.game-tag.games      { background: rgba(251,191,36,0.15);  color: #fbbf24;  border-color: rgba(251,191,36,0.3); }
.game-tag.audio      { background: rgba(20,184,166,0.15);  color: #2dd4bf;  border-color: rgba(20,184,166,0.3); }

body.light .game-tag.encoding   { background: rgba(59,130,246,0.1);  color: #2563eb; border-color: rgba(59,130,246,0.25); }
body.light .game-tag.hashing    { background: rgba(124,58,237,0.1);  color: #7c3aed; border-color: rgba(124,58,237,0.25); }
body.light .game-tag.pki        { background: rgba(13,148,136,0.1);  color: #0d9488; border-color: rgba(13,148,136,0.25); }
body.light .game-tag.text       { background: rgba(230,57,80,0.1);   color: #dc2626; border-color: rgba(230,57,80,0.25); }
body.light .game-tag.conversion { background: rgba(180,140,0,0.1);   color: #92700a; border-color: rgba(180,140,0,0.25); }
body.light .game-tag.generation { background: rgba(249,115,22,0.1);  color: #ea580c; border-color: rgba(249,115,22,0.25); }
body.light .game-tag.finance    { background: rgba(34,197,94,0.1);   color: #16a34a; border-color: rgba(34,197,94,0.25); }
body.light .game-tag.reference  { background: rgba(236,72,153,0.1); color: #be185d; border-color: rgba(236,72,153,0.25); }
body.light .game-tag.fun        { background: rgba(168,85,247,0.1);  color: #7c3aed; border-color: rgba(168,85,247,0.25); }
body.light .game-tag.games      { background: rgba(251,191,36,0.1);  color: #b45309; border-color: rgba(251,191,36,0.25); }
body.light .game-tag.audio      { background: rgba(20,184,166,0.1);  color: #0d9488; border-color: rgba(20,184,166,0.25); }

/* Tool icon — consistent icon container matching game-card-icon sizing */
.tool-icon {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background: var(--surface2);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s;
}
.game-card:hover .tool-icon { background: var(--border); }