/* Vektor Web - Games Theme Override
   Adequa todos os jogos ao design system da home (preto + dourado, Playfair + Inter).
   Importado APÓS o css/style.css de cada jogo pra ter precedência. */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Override forçado de variáveis comuns dos jogos */
  --bg-primary: #0F0F0F !important;
  --bg-secondary: #151515 !important;
  --bg-card: #1A1A1A !important;
  --bg-dark: #0F0F0F !important;
  --bg-darker: #0A0A0A !important;
  --bg-board: #151515 !important;
  --text-primary: #F0F1F3 !important;
  --text-secondary: #A0A0A0 !important;
  --text-muted: #808080 !important;
  --border-color: #2A2A2A !important;
  --border-radius: 10px !important;

  /* Acentos: tudo dourado */
  --color-cyan: #D4AF37 !important;
  --color-green: #D4AF37 !important;
  --color-yellow: #E2C26A !important;
  --color-yellow-alt: #E2C26A !important;
  --color-orange: #B8860B !important;
  --color-red: #ff5370 !important;
  --color-pink: #D4AF37 !important;
  --color-purple: #B8860B !important;
  --color-magenta: #D4AF37 !important;
  --accent-color: #D4AF37 !important;
  --accent-hover: #E2C26A !important;
  --accent-green: #D4AF37 !important;
  --accent-cyan: #D4AF37 !important;
  --accent-yellow: #E2C26A !important;

  /* Gradientes em dourado */
  --gradient-main: linear-gradient(135deg, #D4AF37 0%, #E2C26A 50%, #B8860B 100%) !important;
  --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #E2C26A 50%, #D4AF37 100%) !important;
  --gradient-title: linear-gradient(135deg, #D4AF37 0%, #E2C26A 50%, #B8860B 100%) !important;

  --success: #4ade80 !important;
  --error: #ff5370 !important;
}

/* Body global de todos os jogos */
body {
  background: #0F0F0F !important;
  color: #F0F1F3 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
}

/* Headings */
h1, h2, h3, .game-title, .title, [class*="title"]:not(.jogo-badge):not(.tech-badge):not(.cta-link):not(.btn):not(.nav-mega-cat__title):not(.nav-mega-panel__title) {
  font-family: 'Playfair Display', 'Georgia', serif !important;
  letter-spacing: -0.015em;
}

/* Body text que era Quicksand/Fredoka/Space Grotesk → Inter */
.score, .time, .moves, .level, .question, .alternative, .stat-value, .stat-label,
.game-info, .controls, .menu, button, input, select, textarea {
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* Game-header default: torna mais elegante */
.game-header {
  background: linear-gradient(180deg, #0F0F0F 0%, #151515 100%) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
}
.game-header h1 {
  background: linear-gradient(135deg, #D4AF37 0%, #E2C26A 50%, #B8860B 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  letter-spacing: 0.02em !important;
}

/* Stats / scores: caixa dourada sutil */
.stat, .score-box, .stats-bar {
  background: rgba(212, 175, 55, 0.04) !important;
  border: 1px solid rgba(212, 175, 55, 0.18) !important;
}
.stat-value, .stat-number {
  color: #D4AF37 !important;
}
.stat-label {
  color: #A0A0A0 !important;
}

/* Botões padrão dos jogos */
button:not(.cell):not(.alternative):not(.help-btn):not(.card):not(.menu-toggle):not(.vk-cta-header):not(.vk-floating-back):not(.nav-mega-trigger):not(.cta-header):not(.btn-primary):not(.btn-secondary),
.btn:not(.vk-cta-header):not(.vk-floating-back) {
  background: #D4AF37 !important;
  color: #0F0F0F !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  transition: all 0.25s ease !important;
}
button:not(.cell):not(.alternative):not(.help-btn):not(.card):not(.menu-toggle):not(.vk-cta-header):not(.vk-floating-back):not(.nav-mega-trigger):not(.cta-header):not(.btn-primary):not(.btn-secondary):hover,
.btn:not(.vk-cta-header):not(.vk-floating-back):hover {
  background: #B8860B !important;
  box-shadow: 0 6px 18px rgba(212, 175, 55, 0.25) !important;
  transform: translateY(-1px) !important;
}

/* Painéis / cards / modais */
.modal, .game-board-wrapper, .panel, .game-info-panel, .controls-panel, .help-modal, .end-screen {
  background: rgba(15, 15, 15, 0.95) !important;
  border: 1px solid rgba(212, 175, 55, 0.18) !important;
  color: #F0F1F3 !important;
}

/* Footers internos dos jogos */
.game-footer, .footer-game {
  background: #0F0F0F !important;
  border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
  color: #A0A0A0 !important;
}

/* Links em geral nos jogos */
a:not(.vk-logo):not(.vk-cta-header):not(.vk-floating-back):not(.nav-link) {
  color: #D4AF37;
}
a:not(.vk-logo):not(.vk-cta-header):not(.vk-floating-back):not(.nav-link):hover {
  color: #E2C26A;
}

/* Show do Milhão: alternativas */
.alternative {
  background: rgba(212, 175, 55, 0.04) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  color: #F0F1F3 !important;
}
.alternative:hover {
  background: rgba(212, 175, 55, 0.12) !important;
  border-color: #D4AF37 !important;
}
.alternative.correct {
  background: rgba(74, 222, 128, 0.15) !important;
  border-color: #4ade80 !important;
}
.alternative.wrong {
  background: rgba(255, 83, 112, 0.15) !important;
  border-color: #ff5370 !important;
}

/* Jogo da Memória / Paciência: cartas */
.card, .memory-card {
  border-radius: 8px !important;
  border: 1px solid rgba(212, 175, 55, 0.18) !important;
}
.card.flipped, .card.matched {
  background: rgba(212, 175, 55, 0.08) !important;
  border-color: #D4AF37 !important;
}

/* Campo Minado: células */
.cell {
  background: #1A1A1A !important;
  border: 1px solid rgba(212, 175, 55, 0.12) !important;
}
.cell:hover:not(.revealed):not(.flagged) {
  background: rgba(212, 175, 55, 0.08) !important;
}
.cell.revealed {
  background: #0A0A0A !important;
  border-color: rgba(212, 175, 55, 0.18) !important;
}
.cell.flagged {
  background: rgba(212, 175, 55, 0.15) !important;
}
.cell.mine {
  background: rgba(255, 83, 112, 0.2) !important;
  border-color: #ff5370 !important;
}

/* Caça-palavras: grid */
.word-cell, .grid-cell {
  background: rgba(212, 175, 55, 0.04) !important;
  border: 1px solid rgba(212, 175, 55, 0.18) !important;
  color: #F0F1F3 !important;
}
.word-cell.selected, .grid-cell.selected {
  background: rgba(212, 175, 55, 0.25) !important;
  color: #D4AF37 !important;
}
.word-cell.found, .grid-cell.found {
  background: rgba(212, 175, 55, 0.4) !important;
  color: #0F0F0F !important;
}

/* Scrollbar customizada */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0F0F0F; }
::-webkit-scrollbar-thumb { background: rgba(212, 175, 55, 0.3); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #D4AF37; }

/* Selection */
::selection { background: rgba(212, 175, 55, 0.35); color: #fff; }