html[zontal-theme="dark"] {
    --zon-body-bg-color:#1d181f;
    --zon-common-text-color: #dcdcdc;
    --zon-theme-color: #ff3814;
    --zon-div-color: #999;
    --zon-muted-color: #777;
    --zon-more-button-bg-color: #222;
    --zon-search-bg-color: #48414a;
    --zon-search-hover-color: #333;
    --zon-gmeta-bg-color: #222;
    --zon-overlay-bg-color: #000000af;
    --zon-cursor-color: #ff7b00;
    --zon-toggler-bg-color: #222;
    --zon-icon-color: #fff;
    --zon-dark-logo: block;
    --zon-light-logo: none;
    --zon-sidebar-shadow: 0px 0px 40px 0px #000;
    --zon-blog-social-button-bg-hover-color: #222;
    --zon-comment-input-b-color: #222;
}

html[zontal-theme="light"] {
    --zon-body-bg-color: #fff;
    --zon-common-text-color: #111;
    --zon-theme-color: #ff3814;
    --zon-div-color: #999;
    --zon-muted-color: #777;
    --zon-more-button-bg-color: #dcdcdc;
    --zon-search-bg-color: #dcdcdc81;
    --zon-search-hover-color: #dcdcdc81;
    --zon-gmeta-bg-color: #dcdcdc81;
    --zon-overlay-bg-color: #000000c5;
    --zon-cursor-color: #ff7b00;
    --zon-toggler-bg-color: #dcdcdc;
    --zon-icon-color: #111;
    --zon-dark-logo: none;
    --zon-light-logo: block;
    --zon-sidebar-shadow: 0px 0px 40px 0px #111;
    --zon-blog-social-button-bg-hover-color: #dcdcdc;
    --zon-comment-input-b-color: #dcdcdc;
}
@font-face {
    font-family: "Fredoka";
    src: url("../fonts/Fredoka-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Fredoka";
    src: url("../fonts/Fredoka-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Fredoka";
    src: url("../fonts/Fredoka-SemiBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}