:root {
    /*
    --bs-font-sans-serif: "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: "IBM Plex Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    */

    --bs-font-sans-serif: "Geist",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: "Geist Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

:root, [data-bs-theme=light] {
    /* bg-white */
    --bs-body-bg: #E9E8E6;
    --bs-body-bg-rgb: 233,232,230;
    
    /* text-03 */
    --bs-body-color: #292218;
    --bs-body-color-rgb: 41,34,24;

    /* border light */
    --bs-border-color: #B7B6AD;

    /* text-03 */
    --mct-branding-primary-color: #292218;
    --mct-branding-primary-color-rgb: 41,34,24;

    /* gray/gray10 */
    --mct-branding-primary-hover-color: #D1D1CF;
    --mct-branding-primary-hover-color-rgb: 209,209,207;
    
    /* text-03 */
    --mct-branding-secondary-color: #292218;
    --mct-branding-secondary-color-rgb: 41,34,24;

    /* gray/gray10 */
    --mct-branding-secondary-hover-color: #D1D1CF;
    --mct-branding-secondary-hover-color-rgb: 209,209,207;
}

[data-bs-theme=light] {

}

    [data-bs-theme=light] body {
        background-color: #FAFAFA;
    }

    [data-bs-theme=light] .nav {
        --bs-nav-link-color: #2A2F35;
    }

/* dark */
[data-bs-theme=dark] {
    /* bg-white */
    --bs-body-bg: #131313;
    --bs-body-bg-rgb: 19,19,19;
    
    /* text-03 */
    --bs-body-color: #FFFFFF;
    --bs-body-color-rgb: 255,255,255;

    /* border light */
    --bs-border-color: #B7B6AD;

    --mct-branding-primary-color: #8F847A;
    --mct-branding-primary-color-rgb: 143,132,122;

    --mct-branding-secondary-color: #8F847A;
    --mct-branding-secondary-color-rgb: 143,132,122;
}

    [data-bs-theme=dark] .nav {
        --bs-nav-link-color: #FFFFFF;
    }

    [data-bs-theme=dark] #logo-anim,
    [data-bs-theme=dark] .logo svg {
        --color-primary: #FFFFFF;
    }

    [data-bs-theme=dark] .apexcharts-text {
        fill: var(--bs-secondary-color) !important;
    }

    [data-bs-theme=dark] .apexcharts-legend-text {
        color: var(--bs-secondary-color) !important;
    }

#logo-anim, .logo svg {
    --color-primary: #0D0D0C;
}

.logo svg {
    height: 25px;
}

/* Loading */
#logo-anim {
    height: 50px;
}

    #logo-anim path,
    #logo-anim line {
        stroke: var(--color-primary);
        stroke-width: 6;
        stroke-miterlimit: 10;
        fill: none;
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        fill-opacity: 0;
    }

        #logo-anim path:nth-child(2) {
            animation: line-anim 5s ease forwards 1s, fill-anim 0.8s ease forwards 4.2s;
        }

        #logo-anim line:nth-child(3) {
            animation: line-anim 10s ease forwards 0.2s, fill-anim 0.8s ease forwards 1.4s;
        }

        #logo-anim line:nth-child(4) {
            animation: line-anim 10s ease forwards 0.4s, fill-anim 0.8s ease forwards 1.6s;
        }

        #logo-anim line:nth-child(5) {
            animation: line-anim 10s ease forwards 0.6s, fill-anim 0.8s ease forwards 1.8s;
        }

        #logo-anim line:nth-child(6) {
            animation: line-anim 10s ease forwards 0.8s, fill-anim 0.8s ease forwards 2.0s;
        }

/* Animations */
@keyframes line-anim {
    to {
        stroke-dashoffset: 0;
        stroke-width: 6;
    }
}

@keyframes fill-anim {
    from {
        fill-opacity: 0.1;
    }

    to {
        fill-opacity: 1;
    }
}