/* ═══════════════════════════════════════════════════════════════════
   DESIGN TOKENS — Fauji Chess
   Theme-aware CSS variables. Switched via data-theme attribute on body.
═══════════════════════════════════════════════════════════════════ */

:root {
  /* ── Indian Army (default) ── */
  --bg:           #0E0F0C;
  --surface:      #161814;
  --surface2:     #1E201C;
  --surface3:     #262820;
  --border:       #2E3028;
  --border2:      #3A3C34;
  --primary:      #BCCCAB;
  --primary-dim:  #7A8E6E;
  --secondary:    #D6C692;
  --accent:       #3B6D11;
  --text:         #E8E8E0;
  --text-dim:     #A8A89A;
  --text-mute:    #606058;
  --board-light:  #EAF3DE;
  --board-dark:   #3B6D11;
  --piece-enemy:  rgba(30,40,22,0.9);
  --piece-ally:   rgba(12,16,10,0.9);
  --alert-color:  #BCCCAB;
  --alert-bg:     rgba(188,204,171,0.12);
  --glow-color:   rgba(59,109,17,0.15);

  /* ── Typography ── */
  --font-head: 'Space Grotesk', sans-serif;
  --font-body: 'Public Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}

[data-theme="siachen"] {
  --bg:           #080F18;
  --surface:      #0F1A26;
  --surface2:     #162234;
  --surface3:     #1C2A40;
  --border:       #1E3048;
  --border2:      #2A4060;
  --primary:      #A8D4E6;
  --primary-dim:  #5A8EA8;
  --secondary:    #D6ECFA;
  --accent:       #5B8FA8;
  --text:         #E4F0F8;
  --text-dim:     #8AAEC4;
  --text-mute:    #405870;
  --board-light:  #D6ECFA;
  --board-dark:   #4A7A96;
  --piece-enemy:  rgba(8,20,35,0.9);
  --piece-ally:   rgba(5,15,28,0.9);
  --alert-color:  #A8D4E6;
  --alert-bg:     rgba(168,212,230,0.12);
  --glow-color:   rgba(91,143,168,0.18);
}

[data-theme="kargil"] {
  --bg:           #100A04;
  --surface:      #1A0E06;
  --surface2:     #231408;
  --surface3:     #2C1A0A;
  --border:       #3A2010;
  --border2:      #4A2C14;
  --primary:      #D4894A;
  --primary-dim:  #8A5028;
  --secondary:    #E8C89A;
  --accent:       #8B4513;
  --text:         #F0DCC0;
  --text-dim:     #B08060;
  --text-mute:    #705030;
  --board-light:  #E8C89A;
  --board-dark:   #8B5E3C;
  --piece-enemy:  rgba(28,14,4,0.9);
  --piece-ally:   rgba(16,8,2,0.9);
  --alert-color:  #D4894A;
  --alert-bg:     rgba(212,137,74,0.12);
  --glow-color:   rgba(139,69,19,0.2);
}