:root{
  --se-bg:#06080c;
  --se-bg-surface:#111419;
  --se-bg-surface-hover:#181c24;
  --se-bg-inset:#0a0d12;

  --se-border:rgba(255,255,255,0.06);
  --se-border-emphasis:rgba(255,255,255,0.12);
  --se-hairline:rgba(255,255,255,0.05);

  --se-text:#e8e9eb;
  --se-text-secondary:rgba(255,255,255,0.55);
  --se-text-tertiary:rgba(255,255,255,0.75);
  --se-text-link:#3b82f6;
  --se-text-inverse:#06080c;

  --se-accent:#e63946;
  --se-accent-dim:rgba(230,57,70,0.25);
  --se-accent-glow:rgba(230,57,70,0.10);
  --se-accent-bg:var(--se-accent-dim);

  --se-gold:#f0a500;
  --se-gold-dim:rgba(240,165,0,0.25);
  --se-gold-glow:rgba(240,165,0,0.10);
  --se-warn:#f0a500;
  --se-warn-bg:rgba(240,165,0,0.12);

  --se-purple:#e63946;
  --se-purple-light:#ef5563;
  --se-purple-text:#e63946;

  --se-green:#2ecc71;
  --se-green-bg:rgba(46,204,113,0.12);
  --se-red:#e63946;
  --se-red-bg:rgba(230,57,70,0.12);
  --se-orange:#f0a500;
  --se-orange-bg:rgba(240,165,0,0.12);
  --se-blue:#3b82f6;
  --se-blue-bg:rgba(59,130,246,0.12);

  --se-th-bg:rgba(17,20,25,0.92);
  --se-row-even:rgba(17,20,25,0.45);
  --se-row-hover:rgba(255,255,255,0.04);
  --se-row-border:rgba(255,255,255,0.05);

  --hit-single:#2ecc71;
  --hit-xbh:#3b82f6;
  --hit-hr:#e63946;
  --out-line:rgba(255,255,255,0.25);
  --out-fly:rgba(255,255,255,0.15);
  --out-ground:rgba(255,255,255,0.10);

  --se-font-display:'Oswald',sans-serif;
  --se-font-body:'Source Sans 3','Source Sans Pro',sans-serif;
  --se-font-label:'Oswald',sans-serif;
  --se-font-data:'Oswald',sans-serif;
  --se-font-size:15px;

  --fs-9:9px;
  --fs-10:10px;
  --fs-11:11px;
  --fs-13:13px;
  --fs-15:15px;
  --fs-18:18px;
  --fs-22:22px;
  --fs-28:28px;
  --fs-34:34px;
  --fs-44:44px;

  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;
  --sp-7:48px;
  --sp-8:64px;
}

@media print{
  :root{
    --se-bg:#FFFFFF;
    --se-bg-surface:#FFFFFF;
    --se-bg-surface-hover:#FFFFFF;
    --se-bg-inset:#F5F5F5;
    --se-border:#DDDDDD;
    --se-border-emphasis:#BBBBBB;
    --se-hairline:#E5E5E5;
    --se-text:#1a1a1a;
    --se-text-secondary:#666666;
    --se-text-tertiary:#444444;
    --se-text-link:#1a1a1a;
    --se-text-inverse:#FFFFFF;
    --se-accent:#c0392b;
    --se-gold:#c0392b;
    --se-warn:#c0392b;
    --se-purple:#c0392b;
    --se-green:#27ae60;
    --se-red:#c0392b;
    --se-orange:#e67e22;
    --se-blue:#2980b9;
    --se-th-bg:#F0F0F0;
    --se-row-even:#F7F7F7;
    --se-row-hover:transparent;
    --se-row-border:#DDDDDD;
    --hit-single:#2471a3;
    --hit-xbh:#b7950b;
    --hit-hr:#c0392b;
    --out-line:rgba(0,0,0,0.25);
    --out-fly:rgba(0,0,0,0.15);
    --out-ground:rgba(0,0,0,0.10);
  }
}

/* Spray chart color key — global (all templates). Matches scout_player.html pattern. */
.spray-legend-new{
  display:flex;
  gap:20px;
  justify-content:center;
  flex-wrap:wrap;
  font-size:13px;
  color:var(--se-text-secondary,#6b7280);
  font-family:var(--se-font-display,'Oswald');
  text-transform:uppercase;
  letter-spacing:1.5px;
  padding:12px 0 16px;
}
.spray-legend-new span{display:inline-flex;align-items:center;}
.spray-legend-new span::before{
  content:'';
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  margin-right:6px;
  vertical-align:middle;
}
.spray-legend-new .leg-1b::before{background:var(--hit-single,#2ecc71);}
.spray-legend-new .leg-2b::before{background:var(--hit-xbh,#3b82f6);}
.spray-legend-new .leg-hr::before{background:var(--hit-hr,#e63946);}
.spray-legend-new .leg-out::before{background:none;border:1.5px solid #8B949E;}
@media print{
  .spray-legend-new{font-size:9px;padding:4px 0 6px;gap:12px;}
  .spray-legend-new .leg-1b::before{background:#2471a3;}
  .spray-legend-new .leg-2b::before{background:#b7950b;}
  .spray-legend-new .leg-hr::before{background:#c0392b;}
  .spray-legend-new .leg-out::before{border-color:#888;}
}