/* Custom styles for Ashes Chronicle */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Selection color */
::selection {
    background: rgba(251, 146, 60, 0.3);
    color: inherit;
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1c1917;
}

::-webkit-scrollbar-thumb {
    background: #44403c;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #57534e;
}

/* Particle animations */
@keyframes ash-fall {
    0% { transform: translateY(0) translateX(0) rotate(0deg); opacity: var(--ash-opacity); }
    100% { transform: translateY(100vh) translateX(var(--drift)) rotate(360deg); opacity: var(--ash-opacity); }
}

@keyframes ember-rise {
    0% { transform: translateY(0) translateX(0); opacity: 0.5; }
    100% { transform: translateY(-100vh) translateX(20px); opacity: 0.2; }
}

.ash-particle {
    position: absolute;
    background: radial-gradient(circle, #a8a29e 0%, #78716c 50%, transparent 70%);
    border-radius: 50%;
    animation: ash-fall linear infinite;
}

.ember-particle {
    position: absolute;
    background: radial-gradient(circle, #f97316 0%, #ea580c 40%, transparent 70%);
    border-radius: 50%;
    animation: ember-rise ease-out infinite;
    box-shadow: 0 0 4px #f97316;
}