/* Fonts */
    :root {
        --default-font: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        --heading-font: "Plus Jakarta Sans", sans-serif;
        --nav-font: "Plus Jakarta Sans", sans-serif;
    }

    :root { 
        --background-color: #ffffff; 
        --default-color: #334155; 
        --heading-color: #0f172a; 
        --accent-color: #c69805; 
        --accent-color-success: #10B981; 
        --accent-color-warning: #F59E0B; 
        --accent-color-purple: #8B5CF6; 
        --surface-color: #ffffff; 
        --contrast-color: #ffffff; 
    }

    :root {
        --nav-color: #475569; 
        --nav-hover-color: #c69805; 
        --nav-mobile-background-color: #ffffff; 
        --nav-dropdown-background-color: #ffffff; 
        --nav-dropdown-color: #334155; 
        --nav-dropdown-hover-color: #c69805; 
    }

    /* Light Clean Background */
    .light-background {
        --background-color: #f8fafc;
        --surface-color: #ffffff;
    }

    .dark-background {
        --background-color: #c69805; 
        --default-color: #ffffff;
        --heading-color: #ffffff;
        --surface-color: color-mix(in srgb, #c69805 80%, black);
        --contrast-color: #ffffff;
    }

    /* Smooth scroll */
    :root {
        scroll-behavior: smooth;
    }

    body[data-topbar="dark"] #page-topbar {
        background: linear-gradient(45deg, #ffae00, #66747f) !important;
    }

    .navbar-header-marque {
        background-color: #737373 !important;
    }

    .mm-active {
        color: #ffae00 !important; 
    }
        
    .mm-active > a {
        color: #ffae00 !important;
        border-color: #ffae00 !important; 
    }
    
    .mm-active > a i {
        color: #ffae00 !important; 
    }
    
    .mm-active .active {
        color: #ffae00 !important; 
    }
    
    .mm-active .active i {
        color: #ffae00 !important; 
    }
    
    .mm-active > i {
        color: #ffae00 !important; 
    }