/* START IMPORTING CSS FILES */
@import url("./fonts.css");
@import url("./base.css");
@import url("../layout/header/header.css");
@import url("../layout/navbar/navbar.css");
@import url("../layout/home/homepage.css");
@import url("../layout/footer/footer.css");
@import url("../layout/singleCategory/singleCategory.css");
@import url("../layout/singleCategory/singleCategorymp.css");
@import url("../layout/singleCategory/singleCategorymo.css");
@import url("../layout/singleCategory/singleCategorych.css");
@import url("../layout/singleCategory/singleCategorygg.css");
@import url("../layout/singleCategory/singleCategoryaa.css");
@import url("../layout/vendors/vendors.css");
@import url("../layout/about/about.css");
@import url("../layout/support/support.css");
@import url("../layout/blog/blog.css");
@import url("../layout/product-details/product-details.css");
@import url("./responsive.css");
/* START ROOT */
:root {
  --primary-font: "Zumme";
  --secondry-font: "Poppins";
  --font-family: var(--primary-font);
  --navbar-Background: linear-gradient(
    180deg,
    #000 0%,
    rgba(0, 0, 0, 0) 94.02%
  );
  --layout-background: linear-gradient(0deg, #000 0%, #000 100%);
  --bullets-Background: rgba(0, 0, 0, 0.17);
  --full-White: #ffffff;
  --full-Black: #000000;
  --devo-Emperor: #555555;
  --devo-Gallery: #eeeeee;
  --text-Seashell: #f1f1f1;
  --gray-100: #f0f0f0;
  --aother-Black: #0e0e0e;
  --another-Gray: #c3c3c3;
  --border-Color: #373737;
  --text-Gray-Chateau: #a9aeb2;

  --devo-Flamingo: #f6c42e;
}
:root[lang="ar"] {
  --primary-font: "Cairo";
  --secondry-font: "Cairo";
  --font-family: var(--primary-font);
}