.theme-color-1 {
    --theme-deafult: #ff4c3b;
}
.theme-color-2 {
    --theme-deafult: #f0583d;
}
.theme-color-3 {
    --theme-deafult: #f0b54d;
}
.theme-color-4 {
    --theme-deafult: #e4604a;
}
.theme-color-5 {
    --theme-deafult: #d4b196;
}
.theme-color-6 {
    --theme-deafult: #866e6c;
}
.theme-color-7 {
    --theme-deafult: #cc2121;
}
.theme-color-8 {
    --theme-deafult: #dc457e;
}
.theme-color-9 {
    --theme-deafult: #6d7e87;
}
.theme-color-10 {
    --theme-deafult: #fa869b;
}
.theme-color-11 {
    --theme-deafult: #81ba00;
}
.theme-color-12 {
    --theme-deafult: #fe816d;
}
.theme-color-13 {
    --theme-deafult: #01effc;
    --theme-deafult2: #485ff2; 
}
.theme-color-14 {
    --theme-deafult: #5d7227;
    --theme-deafult2: #203f15; 
}
.theme-color-15 {
    --theme-deafult: #ff9944;
}
.theme-color-16 {
    --theme-deafult: #5fcbc4;
}
.theme-color-17 {
    --theme-deafult: #e38888;
}
.theme-color-18 {
    --theme-deafult: #000000;
}
.theme-color-19 {
    --theme-deafult: #3e5067;
}
.theme-color-20 {
    --theme-deafult: #3fc1c9;
}
.theme-color-21 {
    --theme-deafult: #5ecee4;
}
.theme-color-22 {
    --theme-deafult:#38c6bb;
}
.theme-color-23 {
    --theme-deafult: #2874f0;
}
.theme-color-24 {
    --theme-deafult: #90453e;
}
.theme-color-25 {
    --theme-deafult: #3fd09e;
}
.theme-color-26 {
    --theme-deafult: #6d6659;
}
.theme-color-27 {
    --theme-deafult: #f39910;
    --theme-deafult2:#394868; 
}
.theme-color-28 {
    --theme-deafult:#387ef0;
}
.theme-color-29 {
    --theme-deafult:#DD5E89;
    --theme-deafult2: #F7BB97;
}


// utils
@import "utils/helpers";
@import "utils/variables";
@import "utils/mixins";
//base
@import "base/typography";
@import "base/reset";
// components
@import "components/animation";
@import "components/button";
@import "components/ratio";
@import "components/slick-slider";
@import "components/timer";
@import "components/title";
@import "components/theme-tab";

//layout
@import "layout/ajax-search";
@import "layout/banner";
@import "layout/blog";
@import "layout/cart";
@import "layout/category";
@import "layout/cookie-bar";
@import "layout/demo";
@import "layout/footer";
@import "layout/header";
@import "layout/home-slider";
@import "layout/instagram";
@import "layout/loader";
@import "layout/menu";
@import "layout/modal";
@import "layout/other";
@import "layout/portfolio";
@import "layout/product-box";
@import "layout/service";
@import "layout/slider";
@import "layout/tap-top";
//pages
@import "pages/inner-page";
@import "pages/invoice";
// themes
@import "themes/dark";
@import "themes/theme-setting";
@import "themes/responsive";
@import "themes/rtl";