/* Fonts */
    :root {
        --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --heading-font: "Nunito",  sans-serif;
        --nav-font: "Inter",  sans-serif;
    }

    :root { 
        --background-color: #ffffff; 
        --default-color: #212529; 
        --heading-color: #2d465e; 
        --accent-color: #0d83fd; 
        --accent-color-success: #0ACF97; 
        --accent-color-warning: #F9BC0B; 
        --accent-color-purple: #777EDD; 
        --surface-color: #ffffff; 
        --contrast-color: #ffffff; 
    }

    :root {
        --nav-color: #212529; 
        --nav-hover-color: #0d83fd; 
        --nav-mobile-background-color: #ffffff; 
        --nav-dropdown-background-color: #ffffff; 
        --nav-dropdown-color: #212529; 
        --nav-dropdown-hover-color: #0d83fd; 
    }

    /* #f3f9ff */
    .light-background {
        --background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
        --surface-color: #ffffff;
    }

    .dark-background {
        --background-color: #0d83fd;
        --default-color: #ffffff;
        --heading-color: #ffffff;
        --surface-color: #409dfd;
        --contrast-color: #ffffff;
    }

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

    body[data-topbar="dark"] #page-topbar {
        background: linear-gradient(45deg, #007bb5, #00a3e0) !important;
    }

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

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