:root {
    --bg: #1a1a1a;
    --panel: #2a2a2a;
    --accent: #00ffff;
    --text: #f0f0f0;
    --button: #333333;
    --checker-dark: #999;
    --checker-light: #ccc;
  }
  
  body.light-mode {
    --bg: #f5f5f5;
    --panel: #ffffff;
    --text: #111111;
    --button: #dddddd;
    --accent: #0077ff;
    --checker-dark: #bbb;
    --checker-light: #eee;
  }
  
  body.dark-mode {
    --bg: #1a1a1a;
    --panel: #2a2a2a;
    --text: #f0f0f0;
    --button: #333333;
    --accent: #00ffff;
    --checker-dark: #999;
    --checker-light: #ccc;
  }
  body.blue-mode {
    --bg: #001f3f;
    --panel: #003366;
    --text: #e0f7ff;
    --button: #004080;
    --accent: #3399ff;
    --checker-dark: #336699;
    --checker-light: #66b2ff;
  }
  body.red-mode {
    --bg: #2a0000;
    --panel: #3b0a0a;
    --text: #ffeeee;
    --button: #661111;
    --accent: #ff4444;
    --checker-dark: #772222;
    --checker-light: #aa4444;
  }
  
  body.green-mode {
    --bg: #002a00;
    --panel: #0a3b0a;
    --text: #eaffea;
    --button: #116611;
    --accent: #44ff44;
    --checker-dark: #227722;
    --checker-light: #44aa44;
  }