/* Enhanced Mode Styling with Improved Color Schemes */
body {
    transition: background-color 0.5s, color 0.5s;
    color: var(--text-color);
  }

  /* Terminal Mode - Enhanced green on black with better contrast */
  body.terminal-mode {
    --primary-color: #33ff33;
    --background-color: #0a0a0a;
    --text-color: #e0ffe0;
    --header-bg: #0f1f0f;
    --footer-bg: #0a150a;
    --accent-color: #00cc00;
    --card-bg: #101510;
    --card-border: #1a3a1a;
    --shadow-color: rgba(0, 255, 0, 0.2);
  }

  /* Stealth Mode - More sophisticated gray/blue palette */
  body.stealth-mode {
    --primary-color: #6e7b97;
    --background-color: #151821;
    --text-color: #e6e9f0;
    --header-bg: #1d2029;
    --footer-bg: #10131a;
    --accent-color: #8490ad;
    --card-bg: #1c202a;
    --card-border: #252a38;
    --shadow-color: rgba(108, 123, 149, 0.3);
  }

  /* CVE Mode - Enhanced red security theme */
  body.cve-mode {
    --primary-color: #ff3322;
    --background-color: #1b1515;
    --text-color: #f8f0f0;
    --header-bg: #2a1718;
    --footer-bg: #1e1111;
    --accent-color: #ff6055;
    --card-bg: #241a1a;
    --card-border: #3a2424;
    --shadow-color: rgba(255, 51, 34, 0.25);
  }

  /* Reverse Engineering Mode - Electric blue with purple undertones */
  body.re-mode {
    --primary-color: #00eaff;
    --background-color: #171625;
    --text-color: #e0f0ff;
    --header-bg: #1d1d35;
    --footer-bg: #131220;
    --accent-color: #55c3ff;
    --card-bg: #1e1d2d;
    --card-border: #2a2740;
    --shadow-color: rgba(0, 234, 255, 0.25);
  }

  /* CTF Mode - Vibrant cybersecurity competition theme */
  body.ctf-mode {
    --primary-color: #ff00ff;
    --background-color: #121826;
    --text-color: #f0e0ff;
    --header-bg: #1d1434;
    --footer-bg: #140d20;
    --accent-color: #d255ff;
    --card-bg: #1b1b2e;
    --card-border: #2d1b44;
    --shadow-color: rgba(255, 0, 255, 0.25);
  }

  /* AI/ML Mode - Sophisticated teal data science theme */
  body.aiml-mode {
    --primary-color: #1abc9c;
    --background-color: #0f1e2b;
    --text-color: #e0f5f0;
    --header-bg: #14293a;
    --footer-bg: #0b1722;
    --accent-color: #2dd1b5;
    --card-bg: #162533;
    --card-border: #1e3549;
    --shadow-color: rgba(26, 188, 156, 0.25);
  }

  /* Space Mode - Cosmic theme with starry night feel */
  body.space-mode {
    --primary-color: #bb86fc;
    --background-color: #0b0c1e;
    --text-color: #e2deff;
    --header-bg: #161633;
    --footer-bg: #090a16;
    --accent-color: #d4a4ff;
    --card-bg: #121328;
    --card-border: #232342;
    --shadow-color: rgba(187, 134, 252, 0.3);
  }

  /* Malware Mode - Enhanced biohazard theme */
  body.malware-mode {
    --primary-color: rgb(2, 231, 139);
    --background-color: #161b22;
    --text-color: #e0fff0;
    --header-bg: #1a2530;
    --footer-bg: #11171d;
    --accent-color: #33ffaa;
    --card-bg: #1c232b;
    --card-border: #273340;
    --shadow-color: rgba(0, 255, 153, 0.25);
  }

  /* Pentester Mode - More sophisticated red hacker theme */
  body.pentester-mode {
    --primary-color: #ff4d4d;
    --background-color: #1a1e24;
    --text-color: #fff0f0;
    --header-bg: #26242a;
    --footer-bg: #13161b;
    --accent-color: #ff6b6b;
    --card-bg: #21262d;
    --card-border: #31353d;
    --shadow-color: rgba(255, 77, 77, 0.25);
  }

  /* Software Mode - VS Code Theme Match */
  body.software-mode {
    --primary-color: #00d4ff;
    --background-color: #0a0e1a;
    --text-color: #ffffff;
    --text-light: #c9d1d9;
    --text-muted: #8b949e;
    --header-bg: rgba(10, 14, 26, 0.95);
    --footer-bg: #0a0e1a;
    --accent-color: #a78bfa;
    --card-bg: rgba(15, 23, 42, 0.9);
    --card-border: rgba(0, 212, 255, 0.3);
    --shadow-color: rgba(0, 212, 255, 0.4);
    --card-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
    --button-hover: rgba(0, 212, 255, 0.25);
  }

  /* Cyberpunk Mode - Neon futuristic theme */
  body.cyberpunk-mode {
    --primary-color: #ff007f;
    --background-color: #0e0e14;
    --text-color: #ffe0f0;
    --header-bg: #1a121d;
    --footer-bg: #0a0a0e;
    --accent-color: #ff3399;
    --card-bg: #16141c;
    --card-border: #2a1f2e;
    --shadow-color: rgba(255, 0, 127, 0.3);
  }

  /* Hacker Mode - Classic matrix green on black */
  body.hacker-mode {
    --primary-color: #39ff14;
    --background-color: #050505;
    --text-color: #d0ffd0;
    --header-bg: #0a150a;
    --footer-bg: #030503;
    --accent-color: #5fff3d;
    --card-bg: #0b0b0b;
    --card-border: #1a1a1a;
    --shadow-color: rgba(57, 255, 20, 0.25);
  }

  /* Red Team Mode - Offensive security theme */
  body.red-team-mode {
    --primary-color: #ff3333;
    --background-color: #13131b;
    --text-color: #ffe6e6;
    --header-bg: #1e1621;
    --footer-bg: #0e0e13;
    --accent-color: #ff5c5c;
    --card-bg: #1a1a23;
    --card-border: #2d2436;
    --shadow-color: rgba(255, 51, 51, 0.25);
  }

  /* Blue Team Mode - Defensive security theme */
  body.blue-team-mode {
    --primary-color: #0066ff;
    --background-color: #10172a;
    --text-color: #e0ecff;
    --header-bg: #15223c;
    --footer-bg: #0c1121;
    --accent-color: #3b82ff;
    --card-bg: #181e30;
    --card-border: #252f4a;
    --shadow-color: rgba(0, 102, 255, 0.25);
  }

  /* OSINT Mode - Intelligence gathering theme */
  body.osint-mode {
    --primary-color: #ffcc00;
    --background-color: #14213d;
    --text-color: #fff6e0;
    --header-bg: #1d2c4e;
    --footer-bg: #0f172e;
    --accent-color: #ffd633;
    --card-bg: #1a2945;
    --card-border: #273b63;
    --shadow-color: rgba(255, 204, 0, 0.25);
  }

  /* Forensics Mode - Digital investigation theme */
  body.forensics-mode {
    --primary-color: #00e1ff;
    --background-color: #15181f;
    --text-color: #e0f8ff;
    --header-bg: #1c222d;
    --footer-bg: #101318;
    --accent-color: #33e6ff;
    --card-bg: #1c2026;
    --card-border: #2a3040;
    --shadow-color: rgba(0, 225, 255, 0.25);
  }

  /* Exploit Development Mode - Orange hacker theme */
  body.exploitdev-mode {
    --primary-color: #ff5500;
    --background-color: #0c121a;
    --text-color: #ffe8d9;
    --header-bg: #161b26;
    --footer-bg: #080c12;
    --accent-color: #ff7733;
    --card-bg: #131821;
    --card-border: #222b3b;
    --shadow-color: rgba(255, 85, 0, 0.25);
  }

  /* Darknet Mode - Deep underground theme */
  body.darknet-mode {
    --primary-color: #fa0a6a;
    --background-color: #0a0a0a;
    --text-color: #ffe0eb;
    --header-bg: #151212;
    --footer-bg: #070707;
    --accent-color: #ff3385;
    --card-bg: #111111;
    --card-border: #202020;
    --shadow-color: rgba(255, 0, 102, 0.25);
  }

  /* Apply header and footer colors */
  #header {
    background: var(--header-bg);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 15px var(--shadow-color);
  }

  footer {
    background: var(--footer-bg);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2), 0 0 10px var(--shadow-color);
  }

  /* Card colors */
  .card, .project-card, .about-box, section {
    background: var(--card-bg, #1a202c);
    border: 1px solid var(--card-border, #2d3748);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2), 0 0 10px var(--shadow-color);
  }

  /* Mode transition effects */
  body, #header, footer, .card, .project-card, .about-box, section, button, a {
    transition: all 0.5s ease-in-out;
  }