@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    /* Moody vignette background */
    background: radial-gradient(circle at 50% 50%, #1c1515 0%, #050505 100%);
    background-color: #050505;
    /* Prevent accidental highlighting on rapid tapping */
    -webkit-tap-highlight-color: transparent; 
}

h1 {
    font-family: 'Crimson Text', serif;
    /* Deep shadow to stand out against embers */
    text-shadow: 0 4px 24px rgba(0,0,0,0.9), 0 2px 4px rgba(0,0,0,0.6);
}

/* Javascript toggled classes for smooth fading */
.fade-out {
    opacity: 0 !important;
    transform: scale(0.97) translateY(5px) !important;
}