/* Paleta de colores */
:root {
  /* Azul - Color principal */
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;

  /* Índigo - Gradientes */
  --indigo-600: #4f46e5;
  --indigo-700: #4338ca;

  /* Grises */
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-800: #1e293b;
  --slate-900: #0f172a;

  /* Ámbar */
  --amber-500: #f59e0b;

  /* Colores para íconos de cursos */
  --emerald-500: #10b981;
  --teal-600: #0d9488;
  --violet-500: #8b5cf6;
  --purple-600: #9333ea;
  --rose-500: #f43f5e;
  --pink-600: #db2777;
  --orange-600: #ea580c;
  --cyan-500: #06b6d4;
}