/* Custom Color Variables */
:root {
  --text: #e5e2e9;
  --primary: #7c60a4;
  --secondary: #a1602b;
  --background: #121212;
  --surface: #1e1e1e;
  --border: #333333;
  --hover: rgba(124, 96, 164, 0.1);
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  --link: #9f83c7;
  --link-hover: #b69ddb;
}

.light-mode {
  --text: #333333;
  --primary: #7c60a4;
  --secondary: #a1602b;
  --background: #ffffff;
  --surface: #f5f5f7;
  --border: #e0e0e0;
  --hover: rgba(124, 96, 164, 0.05);
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --link: #7c60a4;
  --link-hover: #634d83;
}