:root {
    --sunfire: #ffa500;
    --light-sunfire: #f1ca94;
    --midnight-jet: #0c0c0d;
    --storm-gray: #6b7280;
    --cloud-mist: #f8f9fa;
    --pearl-white: #ffffff;
    --sandstone: #f0f0f0;
    --radius: 20px;
    --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* --- NAVBAR --- */
#mainNav { padding: 20px 0 !important; background: rgba(255,255,255,0.9) !important; backdrop-filter: blur(10px) !important; }
.navbar-brand { font-weight: 800 !important; font-size: 1.6rem !important; color: var(--midnight-jet) !important; }
.navbar-brand span { color: var(--sunfire) !important; }
.nav-link { font-weight: 600 !important; color: var(--midnight-jet) !important; margin: 0 10px !important; }
.btn-nav-cta { background: var(--sunfire) !important; color: var(--pearl-white) !important; padding: 10px 25px !important; border-radius: 50px !important; text-decoration: none !important; font-weight: 600 !important; transition: 0.3s !important; }
.btn-nav-cta:hover { background: var(--sunfire) !important; }

/* --- FOOTER --- */
.footer-modern { background: var(--pearl-white) !important; padding: 100px 0 40px !important; border-top: 1px solid var(--sandstone) !important; }
.footer-logo { font-weight: 800 !important; }
.footer-logo span { color: var(--sunfire) !important; }
.footer-links li { margin-bottom: 12px !important; }
.footer-links a { color: var(--storm-gray) !important; text-decoration: none !important; transition: 0.3s !important; }
.footer-links a:hover { color: var(--sunfire) !important; padding-left: 5px !important; }
.newsletter-box { display: flex !important; background: var(--cloud-mist) !important; padding: 5px !important; border-radius: 12px !important; margin-top: 15px !important; }
.newsletter-box input { border: none !important; background: transparent !important; padding: 10px !important; flex-grow: 1 !important; outline: none !important; }
.newsletter-box button { background: var(--sunfire) !important; color: var(--pearl-white) !important; border: none !important; padding: 10px 20px !important; border-radius: 8px !important; font-weight: 700 !important; }
.social-box a { width: 40px !important; height: 40px !important; background: var(--sandstone) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; color: var(--midnight-jet) !important; margin-right: 10px !important; transition: 0.3s !important; }
.social-box a:hover { background: var(--sunfire) !important; color: var(--pearl-white) !important; }