:root {
  --primary-color: #7c3aed;
  --secondary-color: #facc15;
  --accent-color: #e74c3c;

  --primary-rgb: 124, 58, 237;
  --secondary-rgb: 250, 204, 21;
  --navy-rgb: 46, 16, 101;

  --dark-color: #0a2540;
  --navy-color: #2e1065;
  --light-color: #ffffff;

  --text-color: #2c3e50;
  --border-color: #e8ecef;

  --light-gray: #f8f9fa;
  --medium-gray: #e9ecef;
  --dark-gray: #6c757d;

  --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
  --transition: all 0.3s ease;

  --accent-turquoise: var(--primary-color);

  --hero-gradient-start: var(--dark-color);
  --hero-gradient-end: var(--navy-color);
}