/* Custom Color Variables */
:root {
  --text: #e5e2e9;
  --primary: #e67e22;
  --secondary: #a15e2b;
  --background: #121212;
  --surface: #1e1e1e;
  --border: #333333;
  --hover: rgba(230, 126, 34, 0.1);
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  --link: #e67e22;
  --link-hover: #e67e22;
}

.light-mode {
  --text: #333333;
  --primary: #e67e22;
  --secondary: #a1602b;
  --background: #ffffff;
  --surface: #f5f5f7;
  --border: #e0e0e0;
  --hover: rgba(230, 126, 34, 0.05);
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --link: #e67e22;
  --link-hover: #e67e22;
}