:root {
  /* Paleta de colores */
  --primary-color: #2c3e50; /* Azul medianoche profesional */
  --accent-color: #3498db; /* Azul brillante para acciones */
  --bg-color: #f4f7f6; /* Gris muy claro para el fondo */
  --sidebar-color: #ffffff; /* Blanco para la barra lateral */
  --text-main: #333333;
  --text-muted: #7f8c8d;
  --white: #ffffff;
  --danger: #e74c3c; /* Rojo para cerrar sesión */
  --green: rgb(61, 248, 101);

  /* Espaciados y Bordes */
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --radius: 8px;
  --sidebar-width: 260px;
}