:root {
  --primary-color: #6c63ff;
  --primary-dark: #564fcc;
  --secondary-color: #1e1e2e;
  --dark-color: #121212;
  --light-color: #f7fafc;
  --gray-color: #a0aec0;
  --success-color: #48bb78;
  --error-color: #f56565;
  --card-bg: rgba(30, 30, 46, 0.7);
  --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-theme="light"] {
  --dark-color: #f7fafc;
  --secondary-color: #ffffff;
  --light-color: #121212;
  --card-bg: rgba(247, 250, 252, 0.9);
}