/* Custom Color Variables */
:root {
  --text: #e5e2e9;
  --primary: #215ffc;
  --secondary: #c4d6ff;
  --background: #121212;
  --surface: #1e1e1e;
  --border: #333333;
  --hover: rgba(33, 95, 252, 0.1);
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  --link: #215ffc;
  --link-hover: #2353cc;
}

.light-mode {
  --text: #333333;
  --primary: #215ffc;
  --secondary: #c4d6ff;
  --background: #ffffff;
  --surface: #f5f5f7;
  --border: #e0e0e0;
  --hover: rgba(33, 95, 252, 0.05);
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --link: #215ffc;
  --link-hover: #2353cc;
}