/* --- THEME SYSTEM CSS --- */
    :root {
      --theme-bg-primary: #000000;
      --theme-bg-secondary: #111111;
      --theme-bg-tertiary: #1a1a1a;
      --theme-border: #333333;
      --theme-text-primary: #ffffff;
      --theme-text-secondary: #888888;
      --theme-accent: dodgerblue;
      --theme-accent-gradient: dodgerblue;
    }
    body.theme-default {
      --theme-bg-primary: #000000;
      --theme-bg-secondary: #111111;
      --theme-bg-tertiary: #1a1a1a;
      --theme-border: #333333;
      --theme-text-primary: #ffffff;
      --theme-text-secondary: #888888;
      --theme-accent: #1d9bf0;
      --theme-accent-gradient: linear-gradient(135deg, #1d9bf0 0%, #1d9bf0 100%);
    }
    body.theme-discord {
      --theme-bg-primary: #36393f;
      --theme-bg-secondary: #2f3136;
      --theme-bg-tertiary: #202225;
      --theme-border: #202225;
      --theme-text-primary: #ffffff;
      --theme-text-secondary: #b9bbbe;
      --theme-accent: #5865f2;
      --theme-accent-gradient: linear-gradient(135deg, #5865f2 0%, #7289da 100%);
    }
    body.theme-amethyst {
      --theme-bg-primary: #1a1a2e;
      --theme-bg-secondary: #16213e;
      --theme-bg-tertiary: #0f3460;
      --theme-border: #333;
      --theme-text-primary: #ffffff;
      --theme-text-secondary: #a0a0a0;
      --theme-accent: #667eea;
      --theme-accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }
    body.theme-aurora {
      --theme-bg-primary: #0a192f;
      --theme-bg-secondary: #112240;
      --theme-bg-tertiary: #233554;
      --theme-border: #233554;
      --theme-text-primary: #e6f1ff;
      --theme-text-secondary: #8892b0;
      --theme-accent: #00c6ff;
      --theme-accent-gradient: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
    }
    body.theme-sunset {
      --theme-bg-primary: #1a1a1a;
      --theme-bg-secondary: #2d2d2d;
      --theme-bg-tertiary: #3d3d3d;
      --theme-border: #444;
      --theme-text-primary: #ffffff;
      --theme-text-secondary: #aaa;
      --theme-accent: #f093fb;
      --theme-accent-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    }
    body.theme-forest {
      --theme-bg-primary: #0d2018;
      --theme-bg-secondary: #142b1f;
      --theme-bg-tertiary: #1b3d2a;
      --theme-border: #1b3d2a;
      --theme-text-primary: #e8f5e9;
      --theme-text-secondary: #81c784;
      --theme-accent: #38ef7d;
      --theme-accent-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    }
    body.theme-ocean {
      --theme-bg-primary: #0f1c3f;
      --theme-bg-secondary: #1a3a6e;
      --theme-bg-tertiary: #2a5298;
      --theme-border: #2a5298;
      --theme-text-primary: #e0efff;
      --theme-text-secondary: #8cb4e8;
      --theme-accent: #2a5298;
      --theme-accent-gradient: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    }
    body.theme-midnight {
      --theme-bg-primary: #0f0c29;
      --theme-bg-secondary: #1a1a3a;
      --theme-bg-tertiary: #302b63;
      --theme-border: #302b63;
      --theme-text-primary: #e0e0e0;
      --theme-text-secondary: #9090a0;
      --theme-accent: #764ba2;
      --theme-accent-gradient: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
    }
    body.theme-fire {
      --theme-bg-primary: #1a0a0a;
      --theme-bg-secondary: #2d1515;
      --theme-bg-tertiary: #4a1f1f;
      --theme-border: #4a1f1f;
      --theme-text-primary: #fff0f0;
      --theme-text-secondary: #d0a0a0;
      --theme-accent: #f5af19;
      --theme-accent-gradient: linear-gradient(135deg, #f12711 0%, #f5af19 100%);
    }
    body {
      background-color: var(--theme-bg-primary) !important;
      color: var(--theme-text-primary);
      background-attachment: fixed; 
    }

    .split-container {
      display: flex;
      gap: 20px;
      padding: 20px;
    }
    .split-column {
      flex: 1;
      background: var(--theme-bg-secondary);
      border-radius: 16px;
      padding: 15px;
      border: 1px solid var(--theme-border);
    }
    .split-column h2 {
      color: var(--theme-text-primary);
      border-bottom: 1px solid var(--theme-border);
      padding-bottom: 10px;
      margin-bottom: 15px;
    }
    .feed {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .feed .post {
      background: var(--theme-bg-tertiary);
      border: 1px solid var(--theme-border);
      border-radius: 20px;
      padding: 15px;
      margin-bottom: 15px;
    }

    .sidebar a:hover {

  color: #ffffff !important;
  transform: translateX(4px);
    }
    .sidebar a:hover {

  color: #ffffff !important;
  transform: translateX(4px);
    }
.sidebar a:hover .nav-icon-small,
.mobile-navbar .nav-item:hover .nav-icon-small {

  filter: drop-shadow(0 0 8px var(--theme-accent, #ffffff)); 
  transform: scale(1.1); 
}

.sidebar a:hover,
.mobile-navbar .nav-item:hover {

  color: var(--theme-accent, #ffffff);
}
.sidebar a:hover {

  color: #ffffff !important;
  transform: translateX(4px);
}
.sidebar a:hover svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

    .sidebar a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: var(--theme-text-secondary);
  text-decoration: none;
  border-radius: 12px;
  transition: all 0.2s ease;
  font-size: 0.95rem;
  font-weight: 500;
  position: relative;
  overflow: hidden;
    }