/* Base Styles */
:root {
  --primary-color: #6366f1;
  --primary-color-hover: #7c75fd;
  --secondary-color: #0ea5e9;
  --secondary-color-hover: rgb(229, 239, 255);
  --third-color: #2d02a1;
  --third-color-hover: #572cce;
  --text-color: #1f293a;
  --text-muted: #6b7280;
  --gray-light: #f5f7fa;
  --gray: #e5e7eb;
  --gray-dark: #9ca3af;
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --white: #ffffff;
  --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --border-radius: 8px;
  --transition: all 0.3s ease;
  --background-color-for-primary: #f0f0f7;
}