:root {
  /* Theme mode */
  [data-theme="light"] {
    /* Light mode colors */
    --bg-color: #ffffff;
    --text-color: #333333;
    --header-bg: #366b24;
    --header-text: #ffffff;
    --footer-bg: #366b24;
    --footer-text: #ffffff;
    --card-bg: #ffffff;
    --card-border: #dee2e6;
    --input-bg: #ffffff;
    --input-border: #ced4da;
    --btn-primary-bg: #366b24;
    --btn-primary-text: #ffffff;
    --link-color: #366b24;
    --nav-bg: #366b24;
    --nav-text: #ffffff;
    --tree-menu-color-default: #999;
    --tree-menu-color-current-bg: #999;
    --tree-menu-color-current-text: #fff;
    --tree-menu-color-parent-link: #ccc;
    --tree-menu-color-child-link: #222;
    --tree-menu-theme1-border: #ff6307;
    --tree-menu-theme1-bg: #ff6307;
    --tree-menu-theme1-text: #ff6307;
    --tree-menu-theme2-border: #e4144d;
    --tree-menu-theme2-bg: #e4144d;
    --tree-menu-theme2-text: #fff;
    --tree-menu-theme2-lbl1: #e4144d;
    --tree-menu-theme3-border: #94cf00;
    --tree-menu-theme3-bg: #94cf00;
    --tree-menu-theme3-text: #94cf00;
    --tree-menu-theme4-border: #ef409c;
    --tree-menu-theme4-bg: #ef409c;
    --tree-menu-theme4-text: #ef409c;
    --owl-carousel-video-bg: #000;
    --owl-theme-nav-color: #fff;
    --owl-theme-nav-bg: #d6d6d6;
    --owl-theme-nav-hover-bg: #869791;
    --owl-theme-dot-bg: #d6d6d6;
    --owl-theme-dot-active-bg: #869791;
    --social-icon-facebook-hover: #3b5998;
    --social-icon-instagram-hover: linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    );
    --social-icon-twitter-hover: #00aced;
    --social-icon-google-plus-hover: #dd4b39;
    --social-icon-pinterest-hover: #cb2027;
    --social-icon-youtube-hover: #bb0000;
    --social-icon-linkedin-hover: #007bb6;
    --social-icon-vk-hover: #4c75a3;
    --social-icon-telegram-hover: #0088cc;
    --social-icon-whatsapp-hover: #25d366;
    --social-icon-default-color: #0d1452;
    --header-right-link-color: #0d1452;
    --nav-background: #232f3e;
    --menu-mobile-color: #fff;
    --menu-hover-bg: #333;
    --menu-dropdown-bg: #f0f0f0;
    --menu-dropdown-link-color: #777;
    --menu-dropdown-link-border: #ccc;
    --welcome-bg: #333;
    --welcome-overlay-bg: #333;
    --welcome-text-color: #fff;
    --welcome-button-bg: #0d1452;
    --welcome-button-text: #fff;
    --welcome-button-hover-bg: #fff;
    --welcome-button-hover-text: #0d1452;
    --service-icon-bg: #0d1452;
    --service-icon-color: #fff;
    --product-owl-control-bg: #353535;
    --product-owl-control-hover-bg: #0d1452;
    --product-item-border: #e5e5e5;
    --product-text-bg: #f2f3f3;
    --product-text-del-color: #9d9d9d;
    --product-text-h3-color: #353535;
    --product-text-h3-a-color: #333;
    --product-text-h4-color: #0d1452;
    --product-text-p-a-bg: #e7a340;
    --product-text-p-a-color: #fff;
    --product-text-p-a-hover-bg: #333;
    --product-out-of-stock-bg: #0d1452;
    --product-out-of-stock-color: #fff;
    --product-thumb-overlay-bg: rgba(255, 255, 255, 0.6);
    --testimonial-overlay-bg: #353535;
    --testimonial-heading-color: #fff;
    --testimonial-comment-color: #fff;
    --testimonial-text-color: #fff;
    --testimonial-owl-nav-color: #fff;
    --home-blog-text-bg: #f2f3f3;
    --home-blog-button-bg: #0d1452;
    --home-blog-button-color: #fff;
    --home-blog-button-hover-bg: #333;
    --footer-main-bg: #2a2a2a;
    --footer-main-heading-color: #ffffff;
    --footer-heading-after-bg: #0d1452;
    --footer-col-text-color: #a3a3a3;
    --footer-col-link-hover-color: #fff;
    --footer-contact-icon-bg: #dedede;
    --footer-contact-icon-color: #2a2a2a;
    --footer-bottom-bg: #141314;
    --footer-bottom-text-color: #a3a3a3;
    --scrollup-bg: #0d1452;
    --scrollup-color: #fff;
  }

  --product-title-color: #0d1452;
  --product-price-color: #333;
  --product-price-del-color: #c7c7c7;
  --product-quantity-border: #c7c7c7;
  --product-btn-cart-bg: #f19000;
  --product-btn-cart-color: #fff;
  --product-nav-tabs-link-color: #333;
  --review-form-btn-bg: #0d1452;
  --review-form-btn-color: #fff;
  --page-banner-overlay-bg: #131921;
  --page-banner-h1-color: #fff;
  --page-h3-special-border: #b9b9b9;
  --page-h3-special-after-bg: #0d1452;
  --cart-input-border: #c7c7c7;
  --cart-trash-color: #0d1452;
  --cart-buttons-bg: #0d1452;
  --cart-buttons-color: #fff;
  --cart-buttons-hover-bg: #333;
  --cart-buttons-hover-color: #fff;
  --cform-submit-bg: #0d1452;
  --cform-address-color: #0d1452;
  --gal-item-after-bg: rgba(0, 0, 0, 0.75);
  --gal-item-after-color: #fff;
  --modal-close-bg: #000;
  --modal-close-color: #fff;
  --modal-close-border: #fff;
  --gal-description-bg: rgba(0, 0, 0, 0.5);
  --gal-description-color: #fff;
  --red-icon-color: #bc0213;
  --videos-h2-color: #464646;
  --videos-h3-color: #464646;
  --single-room-bg: #fff;
  --single-room-shadow: rgba(0, 0, 0, 0.75);
  --single-room-text-h2-bg: #fff;
  --single-room-text-h2-a-color: #333;
  --user-sidebar-li-border: #fff;
  --user-sidebar-a-bg: #444;
  --user-sidebar-a-color: #fff;
  --blog-bg: #fff;
  --blog-date-day-bg: #0d1452;
  --blog-date-day-color: #fff;
  --blog-date-day-before-color: #0d1452;
  --blog-date-month-bg: #333;
  --blog-date-month-color: #fff;
  --blog-h3-color: #333;
  --blog-h3-a-color: #333;
  --blog-h3-a-hover-color: #0d1452;
  --blog-status-color: #0d1452;
  --blog-status-a-color: #0d1452;
  --blog-h1-color: #0d1452;
  --blog-h2-color: #0d1452;
  --blog-h3-color: #333;
  --blog-h4-color: #0d1452;
  --blog-h5-color: #0d1452;
  --blog-h6-color: #0d1452;
  --blog-button-bg: #0d1452;
  --blog-button-color: #fff;
  --blog-button-hover-bg: #444;
  --blog-pagination-li-color: #333;
  --blog-pagination-a-bg: #0d1452;
  --blog-pagination-a-color: #fff;
  --blog-pagination-a-hover-bg: #333;
  --blog-pagination-a-active-bg: #333;
  --blog-owl-control-bg: #333;
  --blog-owl-control-hover-bg: #0d1452;
  --widget-search-input-border: #afafaf;
  --widget-search-input-focus-border: #0d1452;
  --widget-search-button-bg: #0d1452;
  --widget-search-button-border: #0d1452;
  --widget-search-button-hover-bg: #333;
  --widget-search-button-hover-color: #fff;
  --widget-search-button-hover-border: #333;
  --widget-h4-border: #0d1452;
  --widget-ul-li-color: #333;
  --widget-ul-li-before-color: #333;
  --widget-ul-li-a-color: #333;
  --widget-ul-li-a-hover-color: #0d1452;
  --widget-tag-cloud-li-border: #afafaf;
  --widget-tag-cloud-li-hover-bg: #0d1452;
  --widget-tag-cloud-li-hover-border: #0d1452;
  --widget-tag-cloud-li-hover-a-color: #fff;
  --card-nav-tabs-border: #ddd;
  --card-nav-tabs-bg: #fff;
  --card-nav-tabs-a-color: #666;
  --card-nav-tabs-active-a-color: #0d1452;
  --card-nav-tabs-a-after-bg: #0d1452;
  --tab-nav-a-after-bg: #21527d;
  --tab-nav-a-after-color: #fff;
  --card-bg: #fff;
  --card-shadow: rgba(0, 0, 0, 0.3);
  --pagination-a-border: #cf0d42;
  --pagination-a-bg: #0d1452;
  --pagination-a-color: #fff;
  --pagination-a-hover-border: #cf0d42;
  --pagination-a-hover-color: #fff;
  --pagination-a-hover-bg: #b20b39;
  --pagination-current-border: #cf0d42;
  --pagination-current-bg: #b20b39;
  --pagination-current-color: #fff;
  --pagination-disabled-border: #929693;
  --pagination-disabled-color: #929693;
  --preloader-bg: #fff;
  --breadcrumb-bg: #fff;
}

[data-theme="dark"] {
  /* Dark mode colors */
  --bg-color: #1a1a1a;
  --text-color: #ffffff;
  --header-bg: #2c5a1d;
  --header-text: #ffffff;
  --footer-bg: #2c5a1d;
  --footer-text: #ffffff;
  --card-bg: #2d2d2d;
  --card-border: #404040;
  --input-bg: #333333;
  --input-border: #404040;
  --btn-primary-bg: #2c5a1d;
  --btn-primary-text: #ffffff;
  --link-color: #7bba69;
  --nav-bg: #2c5a1d;
  --nav-text: #ffffff;
  --tree-menu-color-default: #666;
  --tree-menu-color-current-bg: #666;
  --tree-menu-color-current-text: #fff;
  --tree-menu-color-parent-link: #999;
  --tree-menu-color-child-link: #ddd;
  --tree-menu-theme1-border: #cc4f00;
  --tree-menu-theme1-bg: #cc4f00;
  --tree-menu-theme1-text: #cc4f00;
  --tree-menu-theme2-border: #b7103e;
  --tree-menu-theme2-bg: #b7103e;
  --tree-menu-theme2-text: #fff;
  --tree-menu-theme2-lbl1: #b7103e;
  --tree-menu-theme3-border: #77a600;
  --tree-menu-theme3-bg: #77a600;
  --tree-menu-theme3-text: #77a600;
  --tree-menu-theme4-border: #bd337c;
  --tree-menu-theme4-bg: #bd337c;
  --tree-menu-theme4-text: #bd337c;
  --owl-carousel-video-bg: #333;
  --owl-theme-nav-color: #ccc;
  --owl-theme-nav-bg: #555;
  --owl-theme-nav-hover-bg: #777;
  --owl-theme-dot-bg: #555;
  --owl-theme-dot-active-bg: #777;
  --social-icon-facebook-hover: #2a4373;
  --social-icon-instagram-hover: linear-gradient(
    45deg,
    #c0772a 0%,
    #b8542f 25%,
    #b01f36 50%,
    #a31c52 75%,
    #96136e 100%
  );
  --social-icon-twitter-hover: #008cba;
  --social-icon-google-plus-hover: #b03c2d;
  --social-icon-pinterest-hover: #a21a20;
  --social-icon-youtube-hover: #940000;
  --social-icon-linkedin-hover: #005f8c;
  --social-icon-vk-hover: #3a5c82;
  --social-icon-telegram-hover: #006699;
  --social-icon-whatsapp-hover: #1e9f4d;
  --social-icon-default-color: #a3a3a3;
  --header-right-link-color: #a3a3a3;
  --nav-background: #1a1a1a;
  --menu-mobile-color: #ccc;
  --menu-hover-bg: #555;
  --menu-dropdown-bg: #333;
  --menu-dropdown-link-color: #ccc;
  --menu-dropdown-link-border: #555;
  --welcome-bg: #1a1a1a;
  --welcome-overlay-bg: #1a1a1a;
  --welcome-text-color: #eee;
  --welcome-button-bg: #a3a3a3;
  --welcome-button-text: #1a1a1a;
  --welcome-button-hover-bg: #1a1a1a;
  --welcome-button-hover-text: #a3a3a3;
  --service-icon-bg: #a3a3a3;
  --service-icon-color: #1a1a1a;
  --product-owl-control-bg: #555;
  --product-owl-control-hover-bg: #a3a3a3;
  --product-item-border: #333;
  --product-text-bg: #222;
  --product-text-del-color: #666;
  --product-text-h3-color: #ccc;
  --product-text-h3-a-color: #eee;
  --product-text-h4-color: #a3a3a3;
  --product-text-p-a-bg: #a3a3a3;
  --product-text-p-a-color: #1a1a1a;
  --product-text-p-a-hover-bg: #555;
  --product-out-of-stock-bg: #a3a3a3;
  --product-out-of-stock-color: #1a1a1a;
  --product-thumb-overlay-bg: rgba(0, 0, 0, 0.6);
  --testimonial-overlay-bg: #1a1a1a;
  --testimonial-heading-color: #eee;
  --testimonial-comment-color: #eee;
  --testimonial-text-color: #eee;
  --testimonial-owl-nav-color: #eee;
  --home-blog-text-bg: #222;
  --home-blog-button-bg: #a3a3a3;
  --home-blog-button-color: #1a1a1a;
  --home-blog-button-hover-bg: #555;
  --footer-main-bg: #1a1a1a;
  --footer-main-heading-color: #eee;
  --footer-heading-after-bg: #a3a3a3;
  --footer-col-text-color: #888;
  --footer-col-link-hover-color: #eee;
  --footer-contact-icon-bg: #555;
  --footer-contact-icon-color: #eee;
  --footer-bottom-bg: #000;
  --footer-bottom-text-color: #888;
  --scrollup-bg: #a3a3a3;
  --scrollup-color: #1a1a1a;
  --product-title-color: #a3a3a3;
  --product-price-color: #eee;
  --product-price-del-color: #666;
  --product-quantity-border: #555;
  --product-btn-cart-bg: #a3a3a3;
  --product-btn-cart-color: #1a1a1a;
  --product-nav-tabs-link-color: #eee;
  --review-form-btn-bg: #a3a3a3;
  --review-form-btn-color: #1a1a1a;
  --page-banner-overlay-bg: #000;
  --page-banner-h1-color: #eee;
  --page-h3-special-border: #555;
  --page-h3-special-after-bg: #a3a3a3;
  --cart-input-border: #555;
  --cart-trash-color: #a3a3a3;
  --cart-buttons-bg: #a3a3a3;
  --cart-buttons-color: #1a1a1a;
  --cart-buttons-hover-bg: #555;
  --cart-buttons-hover-color: #eee;
  --cform-submit-bg: #a3a3a3;
  --cform-address-color: #a3a3a3;
  --gal-item-after-bg: rgba(255, 255, 255, 0.75);
  --gal-item-after-color: #000;
  --modal-close-bg: #fff;
  --modal-close-color: #000;
  --modal-close-border: #000;
  --gal-description-bg: rgba(255, 255, 255, 0.5);
  --gal-description-color: #000;
  --red-icon-color: #ff6307;
  --videos-h2-color: #ccc;
  --videos-h3-color: #ccc;
  --single-room-bg: #222;
  --single-room-shadow: rgba(255, 255, 255, 0.75);
  --single-room-text-h2-bg: #222;
  --single-room-text-h2-a-color: #eee;
  --user-sidebar-li-border: #555;
  --user-sidebar-a-bg: #555;
  --user-sidebar-a-color: #eee;
  --blog-bg: #222;
  --blog-date-day-bg: #a3a3a3;
  --blog-date-day-color: #1a1a1a;
  --blog-date-day-before-color: #a3a3a3;
  --blog-date-month-bg: #555;
  --blog-date-month-color: #eee;
  --blog-h3-color: #eee;
  --blog-h3-a-color: #eee;
  --blog-h3-a-hover-color: #a3a3a3;
  --blog-status-color: #a3a3a3;
  --blog-status-a-color: #a3a3a3;
  --blog-h1-color: #a3a3a3;
  --blog-h2-color: #a3a3a3;
  --blog-h3-color: #eee;
  --blog-h4-color: #a3a3a3;
  --blog-h5-color: #a3a3a3;
  --blog-h6-color: #a3a3a3;
  --blog-button-bg: #a3a3a3;
  --blog-button-color: #1a1a1a;
  --blog-button-hover-bg: #555;
  --blog-pagination-li-color: #eee;
  --blog-pagination-a-bg: #a3a3a3;
  --blog-pagination-a-color: #1a1a1a;
  --blog-pagination-a-hover-bg: #555;
  --blog-pagination-a-active-bg: #555;
  --blog-owl-control-bg: #555;
  --blog-owl-control-hover-bg: #a3a3a3;
  --widget-search-input-border: #555;
  --widget-search-input-focus-border: #a3a3a3;
  --widget-search-button-bg: #a3a3a3;
  --widget-search-button-border: #a3a3a3;
  --widget-search-button-hover-bg: #555;
  --widget-search-button-hover-color: #eee;
  --widget-search-button-hover-border: #555;
  --widget-h4-border: #a3a3a3;
  --widget-ul-li-color: #eee;
  --widget-ul-li-before-color: #eee;
  --widget-ul-li-a-color: #eee;
  --widget-ul-li-a-hover-color: #a3a3a3;
  --widget-tag-cloud-li-border: #555;
  --widget-tag-cloud-li-hover-bg: #a3a3a3;
  --widget-tag-cloud-li-hover-border: #a3a3a3;
  --widget-tag-cloud-li-hover-a-color: #1a1a1a;
  --card-nav-tabs-border: #555;
  --card-nav-tabs-bg: #222;
  --card-nav-tabs-a-color: #bbb;
  --card-nav-tabs-active-a-color: #a3a3a3;
  --card-nav-tabs-a-after-bg: #a3a3a3;
  --tab-nav-a-after-bg: #555;
  --tab-nav-a-after-color: #eee;
  --card-bg: #222;
  --card-shadow: rgba(255, 255, 255, 0.3);
  --pagination-a-border: #a3a3a3;
  --pagination-a-bg: #a3a3a3;
  --pagination-a-color: #1a1a1a;
  --pagination-a-hover-border: #a3a3a3;
  --pagination-a-hover-color: #1a1a1a;
  --pagination-a-hover-bg: #555;
  --pagination-current-border: #a3a3a3;
  --pagination-current-bg: #555;
  --pagination-current-color: #1a1a1a;
  --pagination-disabled-border: #555;
  --pagination-disabled-color: #555;
  --preloader-bg: #222;
  --breadcrumb-bg: #222;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
}
body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s, color 0.3s;
}

/* Header styles */
.top {
  background-color: var(--header-bg);
  color: var(--header-text);
}

.nav {
  background-color: var(--nav-bg) !important;
}

.nav a {
  color: var(--nav-text) !important;
}

/* Footer styles */
.footer {
  background-color: var(--footer-bg);
  color: var(--footer-text);
}

/* Card styles */
.box {
  background-color: var(--card-bg);
  border-color: var(--card-border);
}

/* Form elements */
input,
select,
textarea {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--text-color);
}

/* Buttons */
.btn-primary {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
}

/* Links */
a {
  color: var(--link-color);
}

/* Dark mode specific overrides */
.dark-mode .product .item .text h3 a {
  color: var(--text-color);
}

.dark-mode .product .item .text h4 {
  color: var(--text-color);
}

.dark-mode .service .item {
  background-color: var(--card-bg);
}

.dark-mode .headline h2 {
  color: var(--text-color);
}

.dark-mode .headline h3 {
  color: var(--text-color);
}

.dark-mode table {
  background-color: var(--card-bg);
  color: var(--text-color);
}

.dark-mode .modal-content {
  background-color: var(--card-bg);
  color: var(--text-color);
}