@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cinzel:wght@700;900&display=swap');

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f172a;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

body {
    font-family: 'Inter', sans-serif;
}

.font-fantasy {
    font-family: 'Cinzel', serif;
}

/* Text Shadow for the Main Logo if text-based */
.logo-text-shadow {
    text-shadow: 0 4px 0 #000, 0 0 20px rgba(14, 165, 233, 0.5);
}

/* Custom Gradient Text */
.text-gradient-gold {
    background: linear-gradient(to bottom, #fde047, #ca8a04);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Glow effects */
.glow-blue {
    box-shadow: 0 0 15px rgba(14, 165, 233, 0.3);
}

.glow-hover:hover {
    box-shadow: 0 0 20px rgba(14, 165, 233, 0.5);
}

/* Background patterns */
.bg-particles {
    background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 50px 50px;
}