/* assets/css/custom.css - Modern Scout Brown & Gold Theme */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #fcf9f2;
    color: #291a0c;
}

/* Scout Custom Gradients & Colors */
.bg-pramuka-dark {
    background-color: #3b1e08;
}

.bg-pramuka-brown {
    background-color: #5c300b;
}

.bg-pramuka-accent {
    background-color: #854d0e;
}

.bg-pramuka-gold {
    background-color: #d97706;
}

.text-pramuka-gold {
    color: #f59e0b;
}

.text-pramuka-brown {
    color: #78350f;
}

.border-pramuka-gold {
    border-color: #f59e0b;
}

/* Custom Glassmorphism Navigation */
.glass-nav-pramuka {
    background: rgba(74, 44, 17, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}

.glass-card-pramuka {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(217, 119, 6, 0.15);
    box-shadow: 0 10px 30px -5px rgba(74, 44, 17, 0.08);
}

/* Card Hover Animation */
.dp-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.dp-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px -5px rgba(120, 53, 15, 0.25);
}

/* Floating Animation */
@keyframes floatAnimation {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}

.animate-float {
    animation: floatAnimation 4s ease-in-out infinite;
}