/* Base Styles */
:root {
  --primary-color: #42A6FF;
  --primary-color-hover: #428FFF;
  --secondary-color: #f5f7fa;
  --secondary-color-hover: #f5f7fa;
  --third-color: #a16992;
  --third-color-hover: #dd72c1;
  --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: #f3f7ff;
}