body { 
    background-color: #F6F4EE; 
    font-family: 'Inter', sans-serif; 
    -webkit-tap-highlight-color: transparent;
}
h1, h2, h3, .serif { 
    font-family: 'Playfair Display', serif; 
}

/* Duolingo-style chunky buttons */
.btn-chunky {
    box-shadow: 0 4px 0 0 #d1d5db;
    transition: all 0.1s;
}
.btn-chunky:active {
    transform: translateY(4px);
    box-shadow: 0 0 0 0 #d1d5db;
}
.btn-chunky-primary {
    background-color: #1f2937;
    color: white;
    box-shadow: 0 4px 0 0 #111827;
}
.btn-chunky-primary:active { 
    box-shadow: 0 0 0 0 #111827; 
    transform: translateY(4px); 
}

/* Wreath Colors */
.wreath-yellow { fill: #FBBF24; }
.wreath-green { fill: #34D399; }
.wreath-blue { fill: #60A5FA; }
.wreath-red { fill: #F87171; }
.wreath-silver { fill: #9CA3AF; }
.wreath-gold { fill: #D4AF37; }

/* Utilities */
.hide { display: none !important; }