@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Plus+Jakarta+Sans:wght@300;600;700&display=swap');

:root {
  /* Paleta Base - Neutros Tintados */
  --bg-dark: oklch(0.12 0.02 260);        /* Fundo principal escuro com leve toque roxo/azul */
  --bg-card: oklch(0.18 0.025 260);       /* Cartões e containers internos */
  --bg-hover: oklch(0.23 0.03 260);       /* Estados de hover */
  --border-color: oklch(0.28 0.03 260);   /* Bordas discretas */
  
  /* Textos */
  --text-primary: oklch(0.96 0.005 260);  /* Texto principal quase branco */
  --text-secondary: oklch(0.78 0.01 260); /* Texto secundário legível */
  --text-muted: oklch(0.55 0.01 260);     /* Textos informativos/pequenos */

  /* Cores dos Mascotes (Paleta Gamer de Alto Contraste) */
  --color-lion: oklch(0.72 0.21 48);      /* Laranja Chama / Dourado */
  --color-wolf: oklch(0.67 0.18 245);     /* Azul Elétrico */
  --color-falcon: oklch(0.85 0.18 100);   /* Amarelo Cítrico */
  --color-shark: oklch(0.58 0.22 205);    /* Turquesa / Aqua */
  --color-rocket: oklch(0.65 0.28 340);   /* Magenta/Rosa Neon */
  --color-bull: oklch(0.63 0.25 15);      /* Vermelho Coral */

  /* Mascotes adicionais (expansão para equipes maiores) */
  --color-tiger: oklch(0.70 0.20 30);     /* Laranja Tigre */
  --color-fox: oklch(0.74 0.19 68);       /* Âmbar Raposa */
  --color-snake: oklch(0.72 0.20 125);    /* Verde Cobra */
  --color-turtle: oklch(0.70 0.16 165);   /* Teal Tartaruga */
  --color-dolphin: oklch(0.72 0.17 188);  /* Ciano Golfinho */
  --color-owl: oklch(0.64 0.18 265);      /* Índigo Coruja */
  --color-gorilla: oklch(0.60 0.19 285);  /* Violeta Gorila */
  --color-unicorn: oklch(0.70 0.21 305);  /* Roxo Unicórnio */
  --color-flamingo: oklch(0.74 0.19 325); /* Rosa Flamingo */
  --color-bear: oklch(0.52 0.08 55);      /* Marrom Urso */

  /* Status Globais */
  --success: oklch(0.78 0.22 142);        /* Verde Success */
  --warning: oklch(0.82 0.19 85);         /* Amarelo Warning */
  
  /* Tipografia (branding Vizio: Inter no corpo, Plus Jakarta Sans nos títulos) */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Sombras */
  --glow-shadow: 0 0 15px oklch(0.65 0.28 340 / 0.3);
  --card-shadow: 0 10px 30px oklch(0.05 0.01 260 / 0.5);

  /* === Branding Vizio Capital (Dark Gold) — design-system-vizio-capital.md === */
  --vizio-bg: #0d0d0d;
  --vizio-surface: #141414;
  --vizio-surface-2: #1a1a1a;
  --vizio-surface-3: #1f1f1f;
  --vizio-gold: #c9a84c;
  --vizio-gold-muted: rgba(201, 168, 76, 0.14);
  --vizio-gold-border: rgba(201, 168, 76, 0.26);
  --vizio-gold-glow: rgba(201, 168, 76, 0.07);
  --vizio-text: #f0ece4;
  --vizio-text-muted: rgba(240, 236, 228, 0.52);
  --vizio-text-dim: rgba(240, 236, 228, 0.28);
  --vizio-gradient-gold: linear-gradient(135deg, #c9a84c, #a8893a);
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* === Copa Vizio (re-tematização Copa do Mundo) === */
  --pitch-dark: oklch(0.30 0.07 150);     /* gramado faixa escura */
  --pitch-light: oklch(0.34 0.08 150);    /* gramado faixa clara */
  --pitch-line: oklch(0.95 0.02 150 / 0.45); /* linhas brancas do campo */
  --stadium-night: oklch(0.14 0.03 250);  /* céu/estádio à noite */
  --stadium-stand: oklch(0.20 0.025 260); /* arquibancada */
  --crowd-1: oklch(0.70 0.15 50);         /* torcida (pontos) */
  --crowd-2: oklch(0.72 0.16 145);
  --crowd-3: oklch(0.74 0.16 250);
  --gold-trophy: oklch(0.82 0.15 85);     /* dourado da taça */
  --gold-trophy-deep: oklch(0.68 0.14 75);
  --copa-green: oklch(0.62 0.16 150);     /* verde Seleção */
  --copa-yellow: oklch(0.86 0.18 100);    /* amarelo Seleção */
  --copa-blue: oklch(0.55 0.18 255);      /* azul Seleção */
  --net-line: oklch(0.92 0.01 250 / 0.55); /* rede do gol */
}

/* Reset Geral */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-family);
  background-color: var(--bg-dark);
  color: var(--text-primary);
  min-height: 100vh;
  overflow-x: hidden;
}

/* Títulos em Plus Jakarta Sans (branding Vizio) */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}

/* Utilitários de Animação Globais */
@keyframes pulse-glow {
  0%, 100% {
    opacity: 0.8;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.02);
  }
}

@keyframes bounce-in {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    transform: scale(1.08);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animate-pulse-glow {
  animation: pulse-glow 2s infinite ease-in-out;
}

.animate-bounce-in {
  animation: bounce-in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}