/* themes.css — ClashGames */

:root,
body.theme-neon {
  --bg-primary:   #07070c;
  --bg-secondary: #0e0e18;
  --bg-tertiary:  #161624;
  --accent:       #ff5c00;
  --accent-hover: #ff7a2e;
  --accent-text:  #ff5c00;
  --text-primary: #f5f0e8;
  --text-secondary: rgba(245,240,232,0.65);
  --text-muted:   rgba(245,240,232,0.38);
  --win:          #22c55e;
  --loss:         #ef4444;
  --in-game:      #ff5c00;
  --border:       rgba(255,92,0,0.15);
}

/* Blue / Ocean */
body.theme-blue {
  --bg-primary:   #00080f;
  --bg-secondary: #001222;
  --bg-tertiary:  #001e38;
  --accent:       #0284c7;
  --accent-hover: #0369a1;
  --accent-text:  #38bdf8;
  --text-primary: #f5f0e8;
  --text-secondary: rgba(245,240,232,0.65);
  --text-muted:   rgba(245,240,232,0.38);
  --win:          #22c55e;
  --loss:         #ef4444;
  --in-game:      #38bdf8;
  --border:       rgba(2,132,199,0.2);
}

/* Classic Black */
body.theme-black {
  --bg-primary:   #000000;
  --bg-secondary: #0a0a0a;
  --bg-tertiary:  #161616;
  --accent:       #e5e5e5;
  --accent-hover: #d4d4d4;
  --accent-text:  #ffffff;
  --text-primary: #ffffff;
  --text-secondary: #a3a3a3;
  --text-muted:   #525252;
  --win:          #22c55e;
  --loss:         #ef4444;
  --in-game:      #ffffff;
  --border:       #1f1f1f;
}

body.theme-black .btn-primary,
body.theme-black .btn-primary:hover,
body.theme-black .mode-btn.active {
  color: #000000;
}