/* ═══════════════════════════════════════════════════════════════════
   theme.css — Design tokens canônicos do tema do site (DNA ice.bet.br)
   Re-tematização 2026-07-20: navy+amarelo → navy-índigo + azul-gelo (ciano) + Inter.
   (Histórico: verde→navy+amarelo em 2026-07-08.)
   Fonte única de verdade das cores. Os :root locais dos partials devem
   apontar para estes tokens; não redefina valores hex fora daqui.
   NOTA: arquivos que hardcodam hex (esportes/index) ou fixam font-family
   NÃO pegam estes tokens — pendente Fase 2 (varredura de literais).
   ═══════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
:root {
  /* ── Brand: AZUL-GELO / ciano (ice.bet.br primary #45C2E5) ── */
  --brand-100: #A8E4F2;   /* ciano claro / texto secundário sobre escuro */
  --brand-200: #45C2E5;   /* PRIMÁRIA de marca — CTAs, ativos, destaques */
  --brand-300: #2A93B5;   /* ciano escuro */
  --brand-400: #0A2E3A;   /* ciano muito escuro (fundos sutis) */

  /* ── Neutral: escala NAVY-ÍNDICO (ice.bet.br, não é cinza) ── */
  --neutral-100: #F5F7FF; /* texto primário (quase branco azulado) */
  --neutral-200: #9AA3C7; /* texto secundário (cinza-lavanda frio) */
  --neutral-300: #2E3566; /* índigo médio / bordas */
  --neutral-400: #2A3168; /* índigo — cards de jogo, skeleton */
  --neutral-500: #1E2456; /* índigo escuro */
  --neutral-600: #171C4C; /* fundo secundário / cards */
  --neutral-700: #101739; /* fundo de menus / toggles */
  --neutral-800: #0D102B; /* FUNDO PRIMÁRIO da página (meta theme-color do ice) */
  --neutral-900: #070B22; /* navy profundo (texto sobre a marca, tooltips) */

  /* ── Status ── */
  --status-success-100: #7FF0C0;
  --status-success-200: #06E385;  /* verde — payouts, valores positivos (ice) */
  --status-success-300: #052B1C;
  --status-error-100:   #FFC2CB;
  --status-error-200:   #FF556C;  /* rosa-vermelho — erro, "ao vivo" (ice) */
  --status-error-300:   #3A0E16;
  --status-info-100:    #A1E4FF;
  --status-info-200:    #0288D1;  /* azul info (ice) */
  --status-info-300:    #072233;
  --status-warning-100: #FFE0B2;
  --status-warning-200: #FF9800;  /* laranja — aviso (ice) */
  --status-warning-300: #3A2100;

  /* ── "Dourados" → RE-TEMATIZADOS PARA AZUL (2026-07-20): o dono pediu
       "tudo amarelo/dourado → azul da paleta". Estes tokens mantêm o NOME
       --gold-* (usados em ~6 telas: troféus/VIP/torneios/moedas/cashout/Copa)
       mas agora carregam a escala CIANO da marca. Nome mente de propósito
       (convenção do projeto) — o valor manda. Reverte a decisão D1. ── */
  --gold-100: #A8E4F2;   /* ciano claro (era #FDE68A) */
  --gold-200: #45C2E5;   /* ciano de marca (era #F59E0B) */
  --gold-300: #2A93B5;   /* ciano escuro (era #B45309) */

  /* ── Direção de hover padronizada (decisão D9) — adaptada ao ciano ── */
  --brand-hover-dark:  #34B0D6;  /* CTA sólido ciano escurece */
  --brand-hover-light: #6FD3EE;  /* link/texto/odd ciano clareia */

  /* ── Extensões v2 — família navy-índigo do ice.bet.br (2026-07-20) ── */
  --navy-card-alt: #1B2150;   /* superfície de card alternativa */
  --navy-hover:    #232A5E;   /* hover/active de superfície; stop claro de borda */
  --navy-border:   #2E3566;   /* borda navy */
  --navy-deep:     #070B22;   /* stop escuro de borda/gradiente; texto sobre a marca */
  --navy-grad-a:   #0D102B;   /* par de gradiente decorativo */
  --navy-grad-b:   #171C4C;
  --odds-accent:   #CFF6FF;   /* AZUL pálido de odds (era #FFFEC8 amarelo — 2026-07-20) */
  --brand-alpha-20: rgba(69,194,229,.2);  /* CTA translúcido (Cadastrar) */
  --brand-alpha-50: rgba(69,194,229,.5);
  --status-warning-400: #3A2100;         /* fundo de faixa de aviso (texto --status-warning-100) */
  --tile-grad:        linear-gradient(90deg, var(--neutral-600), var(--neutral-800));
  --tile-border-grad: linear-gradient(90deg, var(--navy-hover), var(--navy-deep));

  /* ── Aliases de compatibilidade com o código atual ──
     (para que substituições apontem para os novos tokens) */
  --bg-body: var(--neutral-800);      /* era #03150f */
  --accent: var(--brand-200);         /* acento = azul-gelo */
  --accent-green: var(--status-success-200); /* verde só p/ valores positivos */
  --text-primary: var(--neutral-100);
  --text-secondary: var(--neutral-200);
  --card-bg: var(--neutral-600);
  --menu-bg: var(--neutral-700);

  /* ── Tipografia (ice.bet.br, 2026-07-20): Inter em toda a UI e nos números.
       O @import acima carrega a Inter onde o theme.css é linkado (19 arquivos).
       Páginas que fixam font-family no próprio <head> não pegam — Fase 2. ── */
  --font-main:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-numeric: 'Inter', 'Plus Jakarta Sans', sans-serif;
}
