:root {

  --bg-main: #ffffff;

  --bg-card: #f8fafc;

  --bg-alt: #f1f5f9;

  --text-main: #0f172a;

  --text-muted: #64748b;

  --border-card: #e2e8f0;

}



html.dark {

  --bg-main: #0B0F19;

  --bg-card: #111827;

  --bg-alt: #0f172a;

  --text-main: #f8fafc;

  --text-muted: #94a3b8;

  --border-card: #1f2937;

}



* {

  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

}



.glow-blue {

  box-shadow: 0 0 50px -10px rgba(0, 229, 255, 0.25);

}



.dynamic-glow {

  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.3);

}



html.dark .dynamic-glow {

  box-shadow: 0 0 60px -15px rgba(139, 92, 246, 0.25);

}



#global-toast i {

  color: #10b981;

}



.theme-nav-link {

  color: #000000;

  text-decoration: none;

  transition: color 0.3s ease;

}



.theme-nav-link:hover {

  color: #8B5CF6;

}



html.dark .theme-nav-link {

  color: #ffffff;

}



html.dark .theme-nav-link:hover {

  color: #8B5CF6;

}



.theme-muted {

  color: var(--text-muted);

}



.theme-text {

  color: var(--text-main);

}



.close-btn:hover {

  background-color: rgb(203, 213, 225);

}



html.dark .close-btn:hover {

  background-color: rgba(255, 255, 255, 0.1);

}



.slide-content {

  transition: opacity 0.5s ease, transform 0.5s ease;

}



@keyframes spin-slow {

  to {

    transform: rotate(360deg);

  }

}



@keyframes pulse {

  0%, 100% {

    opacity: 1;

  }

  50% {

    opacity: 0.5;

  }

}



.animate-spin-60s {

  animation: spin-slow 60s linear infinite;

}