/* Add new Halloween fonts */
@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&family=Special+Elite&family=Griffy&family=Eater&display=swap');

/* Font Face Declarations */
.font-creepster {
    font-family: 'Creepster', cursive;
}
.font-nosifer {
    font-family: 'Nosifer', cursive;
}
.font-butcherman {
    font-family: 'Butcherman', serif;
}
.font-unifraktur {
    font-family: 'UnifrakturCook', cursive;
}
.font-specialelite {
    font-family: 'Special Elite', monospace;
}
.font-griffy {
    font-family: 'Griffy', cursive;
}
.font-eater {
    font-family: 'Eater', cursive;
}

/* Header Styles */
h1, .main-title {
    font-family: 'Nosifer', 'Creepster', 'UnifrakturCook', cursive;
    /* ...existing code... */
}
h2, h3, h4 {
    font-family: 'Butcherman', 'UnifrakturCook', 'Eater', cursive;
    /* ...existing code... */
}

/* Navigation & Buttons */
nav, .nav-link, button, .btn {
    font-family: 'Special Elite', 'Arial', sans-serif;
    letter-spacing: 1px;
}

/* Body & Paragraphs */
body, p, li, ul, ol, .body-text {
    font-family: 'Griffy', 'Arial', sans-serif;
    font-size: 1rem;
    letter-spacing: 0.5px;
}

/* Small Text */
.text-sm, small {
    font-family: 'Special Elite', 'Arial', sans-serif;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
}

/* Add subtle Halloween color for small text */
.text-sm, small, .body-text {
    color: #b993e6;
}

/* Ensure legibility for all fonts */
h1, h2, h3, h4, nav, .nav-link, button, .btn, body, p, li, ul, ol, .body-text, .text-sm, small {
    text-shadow: 0 1px 2px #00000022;
}

/* Add more distinction for headers */
h1 {
    font-size: 3rem;
    text-transform: uppercase;
    letter-spacing: 3px;
}
h2 {
    font-size: 2.25rem;
    letter-spacing: 2px;
}
h3 {
    font-size: 1.5rem;
    letter-spacing: 1.5px;
}
h4 {
    font-size: 1.2rem;
    letter-spacing: 1px;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    h1 { font-size: 2.2rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.1rem; }
    h4 { font-size: 1rem; }
}
