:root {

  /* ============================================ */
  /* ========== LIGHT MODE VARIENTS ============= */
  /* ============================================ */

  /* ========== LIGHT MODE - COLORS ========== */
  --neon-blue-light: #0052cc;     /* Darker blue for light mode */
  --neon-purple-light: #5500aa;   /* Darker purple for light mode */
  --neon-cyan-light: #007799;     /* Darker cyan for light mode */
  --neon-pink-light: #aa0055;     /* Darker magenta for light mode */
  --neon-teal-light: #007777;     /* Darker teal for light mode */
  --neon-amber-light: #996600;    /* Darker amber for light mode */
  
  /* Bob additions */
  --neon-blue-light: #33aaff;     /* Light neon blue - softer accent */

  

  /* ========== LIGHT MODE - BACKGROUND COLORS ========== */
  --bg-primary-light: #ffffff;    /* Pure white */
  --bg-secondary-light: #f6f8fa;  /* Very light gray */
  --bg-tertiary-light: #f0f3f6;   /* Light gray */
  --bg-accent-light: #e1e4e8;     /* Medium light gray */
  --bg-card-light: #fafbfc;       /* Card background light */

  /* ========== LIGHT MODE - TEXT COLORS ========== */
  --text-primary-light: #24292f;  /* Dark gray/black for readability */
  --text-secondary-light: #656d76; /* Medium gray */
  --text-muted-light: #8c959f;    /* Light gray */
  --text-accent-light: var(--neon-blue-light); /* Accent text using darker neon blue */
  --text-danger-light: #cf222e;   /* Darker red for light mode */

  /* ========== LIGHT MODE - NOTIFICATION COLORS ========== */
  --success-light: var(--neon-teal-light);
  --warning-light: var(--neon-amber-light);
  --error-light: #cf222e;
  --info-light: var(--neon-cyan-light);


  /* ============================================ */
  /* ========== DARK MODEMODE VARIENTS ========== */
  /* ============================================ */

  /* ========== DARK MODE - COLORS ========== */
  /* Muted neon colors for noir atmosphere */
  --neon-blue: #0066ff;           /* Electric blue - primary accent */
  --neon-purple: #6600cc;         /* Deep electric purple */
  --neon-cyan: #0099cc;           /* Muted cyan */
  --neon-pink: #cc0066;           /* Deep magenta */
  --neon-teal: #009999;           /* Dark teal */
  --neon-amber: #cc9900;          /* Amber yellow - for warnings */

  /* ========== DARK MODE - BACKGROUND COLORS ========== */
  --bg-primary: #000000;          /* Pure black */
  --bg-secondary: #0d1117;        /* Very dark blue-gray */
  --bg-tertiary: #161b22;         /* Dark charcoal */
  --bg-accent: #21262d;           /* Medium dark gray */
  --bg-card: #1c2128;             /* Card background */

  /* ========== DARK MODE - TEXT COLORS ========== */
  --text-primary: #f0f6fc;        /* Off-white (easier on eyes) */
  --text-secondary: #8b949e;      /* Medium gray */
  --text-muted: #6e7681;          /* Darker gray */
  --text-accent: var(--neon-blue); /* Accent text using neon blue */
  --text-danger: #f85149;         /* Soft red for errors */

  /* ========== DARK MODE - NOTIFICATION COLORS ========== */
  --success: var(--neon-teal);
  --warning: var(--neon-amber);
  --error: #f85149;
  --info: var(--neon-cyan);

}