/* Expert Stats — Design System central (DARK NAVY + NEON GREEN + FOOTBALL ANALYTICS)
   Tokens + componentes base. Todas as páginas carregam este arquivo e só declaram o que é específico delas. */
:root{
  color-scheme:dark;
  font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;

  /* superfícies */
  --bg-main:#070D13;
  --bg-secondary:#0A121B;
  --surface:#0D1824;
  --surface-hover:#101E2B;
  --surface-glass:rgba(13,24,36,.88);
  --border:#223447;
  --border-soft:rgba(120,160,190,.16);

  /* verde = cor de AÇÃO e destaque */
  --green-main:#00E676;
  --green-bright:#00F58A;
  --green-dark:#00A85A;
  --green-bg:rgba(0,230,118,.10);
  --green-line:rgba(0,230,118,.32);

  /* textos */
  --text-primary:#F4F7FA;
  --text-secondary:#9CAFC0;
  --text-muted:#667B8C;

  /* estados */
  --danger:#F2384A;
  --warning:#F5B942;
  --info:#58B8F2;

  /* resultados das análises (só para green/red de jogos) */
  --result-green:#00B85C;
  --result-red:#E8334A;

  /* aliases usados pelas páginas */
  --accent:var(--green-main);
  --accent-light:var(--green-bright);
  --accent-dark:var(--green-dark);
  --green:var(--green-main);
  --text:var(--text-primary);
  --text2:var(--text-secondary);
  --line:var(--border);
  --bg:var(--bg-main);
  --bg2:var(--surface);
  --bg3:var(--surface-hover);
  --input-bg:var(--bg-main);
  --red:var(--danger);
  --yellow:var(--warning);

  --radius-sm:9px;--radius:12px;--radius-lg:16px;
  --shadow-card:0 20px 60px rgba(0,0,0,.40);
  --focus-ring:0 0 0 3px rgba(0,230,118,.08);
}
*{box-sizing:border-box}
body{background:var(--bg-main);color:var(--text-primary)}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}
input,select,textarea{font:inherit}
::selection{background:rgba(0,230,118,.28)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#1c2f42;border-radius:6px}
::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid var(--green-main);outline-offset:2px}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.muted{color:var(--text-secondary)}

/* ---- componentes ---- */
.ds-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}
.ds-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 16px;font-weight:700;font-size:13.5px;background:var(--green-main);color:#06100B;width:100%;transition:background .18s,transform .18s}
.ds-btn-primary:hover{background:var(--green-bright)}
.ds-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:11px 16px;font-weight:700;font-size:13.5px;background:var(--surface);color:var(--text-primary);width:100%;transition:background .18s,border-color .18s}
.ds-btn-secondary:hover{background:var(--surface-hover);border-color:#33506a}
.ds-input{width:100%;height:48px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-main);color:#fff;padding:0 14px;font-size:14.5px;transition:border-color .18s,box-shadow .18s}
.ds-input:focus{outline:none;border-color:var(--green-main);box-shadow:var(--focus-ring)}
.ds-badge{font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;background:var(--green-bg);color:var(--green-bright)}
.ds-badge.off{background:rgba(242,56,74,.14);color:#ff8791}
.table-ds{width:100%;border-collapse:collapse;background:var(--surface)}
.table-ds th{background:var(--surface-hover);color:var(--text-secondary);text-align:left;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--border)}
.table-ds td{padding:10px 12px;border-bottom:1px solid var(--border)}
.res-green{color:var(--result-green)}.res-red{color:var(--result-red)}