/*
Theme Name: MatchIQ
Theme URI: https://matchiq.site
Author: Matheus
Description: Tema para o MatchIQ — estatísticas e análise esportiva (times, jogadores, árbitros) com painel de probabilidades. Tema escuro "analytics premium".
Version: 1.0
Text Domain: matchiq
*/

:root {
  --bg: #0a0e14;
  --bg-panel: #121826;
  --bg-panel-2: #171f30;
  --border: #232c3d;
  --accent: #39ff9d;
  --accent-2: #4f8cff;
  --warn: #ffb020;
  --text: #e6ebf2;
  --text-dim: #8b97ab;
  --danger: #ff5c7a;
}

* { box-sizing: border-box; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

.font-mono-num {
  font-family: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;
}

.bg-panel { background: var(--bg-panel); }
.bg-panel-2 { background: var(--bg-panel-2); }
.border-hairline { border-color: var(--border); }
.text-accent { color: var(--accent); }
.text-accent-2 { color: var(--accent-2); }
.text-warn { color: var(--warn); }
.text-dim { color: var(--text-dim); }
.text-danger { color: var(--danger); }
.bg-accent { background: var(--accent); }

.grid-glow {
  background-image:
    radial-gradient(circle at 20% 20%, rgba(79,140,255,0.12), transparent 40%),
    radial-gradient(circle at 80% 0%, rgba(57,255,157,0.10), transparent 40%);
}

.card {
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: 14px;
}

.card-hover:hover {
  border-color: rgba(57,255,157,0.4);
  transform: translateY(-2px);
  transition: all .18s ease;
}

.locked-blur {
  filter: blur(6px);
  user-select: none;
  pointer-events: none;
}

.compliance-bar {
  background: #05070b;
  border-top: 1px solid var(--border);
}

.badge {
  font-size: 11px;
  letter-spacing: .03em;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--border);
}

.confidence-alta { color: var(--accent); border-color: rgba(57,255,157,.4); }
.confidence-media { color: var(--warn); border-color: rgba(255,176,32,.4); }
.confidence-baixa { color: var(--text-dim); }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 8px; }