/* THEME VARIABLES START */
:root {
  --body-color: #121212;
  --body-background: #f4f2ee;
  --body-size: clamp(0.875rem, 0.47vw + 0.65rem, 1rem);
  --body-line-height: clamp(1.5rem, 5vw, 1.5rem);

  --h1-size: clamp(3rem, 8vw, 5.625rem);
  --h1-line-height: clamp(3.5rem, 8vw, 6.5625rem);
  --h1-color: #121212;
  --h2-size: clamp(1.75rem, 5vw, 2.5rem);
  --h2-line-height: clamp(2.5rem, 6vw, 2.875rem);
  --h2-color: rgb(0,0,0);
  --h3-size: clamp(1.25rem, 1.6vw + 0.2rem, 1.5rem);
  --h3-line-height: clamp(1.5rem, 2vw + 0.25rem, 1.75rem);
  --h3-color: #121212;
  --h4-size: clamp(1rem, 1.4vw + 0.1rem, 1.25rem);
  --h4-line-height: clamp(1.25rem, 1.6vw + 0.2rem, 1.5rem);
  --h4-color: #121212;
  --h5-size: clamp(0.875rem, 1.2vw + 0.1rem, 1.125rem);
  --h5-line-height: clamp(1.125rem, 1.4vw + 0.1rem, 1.375rem);
  --h5-color: #121212;

  --header-background-color: rgb(244,242,238);
  --menu-burger-color: rgb(0,0,0);
  --menu-color: rgb(0,0,0);
  --menu-hover-color: rgb(244,189,56);
  --menu-active-color: rgb(95,107,222);
  --menu-size-d: 20px;
  --menu-lh-d: 22px;
  --menu-sb-d: 40px;
  --menu-size-m: 22px;
  --menu-lh-m: 22px;
  --menu-sb-m: 51px;
  --sub-menu-color: rgb(0,0,0);
  --sub-menu-hover-color: rgb(95,107,222);
  --sub-menu-background: rgb(244,242,238);
  --megamenu-background: rgb(244,189,56);
  --megamenu-submenu-color: rgba(0,0,0,0.7);
  --megamenu-border-size: 2px;
  --megamenu-boder-radius: 6px;
  --megamenu-border-color: rgb(0,0,0);
  --megamenu-title-color: rgb(10,0,0);
  --megamenu-title-color: rgb(10,0,0);
  --megamenu-text-color: rgb(10,3,3);
  --megamenu-hover-color: rgba(95,107,222,0.05);
  --megamenu-hover-border-size: 2px;
  --megamenu-hover-border-radius: 6px;
  --megamenu-hover-border-color: rgb(95,107,222);
  --mob-menu-color: rgb(0,0,0);
  --mob-menu-submenu-color: rgb(0,0,0);
  --mob-menu-background: rgb(244,189,56);
  --footer-color: rgb(0,0,0);
  --footer-color-hover: rgb(95,107,222);
  --footer-color-background: rgb(244,189,56);
  --button-large-font-weight: 500;
  --button-large-size: 18px;
  --button-large-height: 68px;
  --button-large-radius: 6px;
  --button-large-space: 10px;
  --button-large-padding: 10px 20px;
  --button-medium-font-weight: 500;
  --button-medium-size: 16px;
  --button-medium-height: 50px;
  --button-medium-radius: 6px;
  --button-medium-space: 10px;
  --button-medium-padding: 10px 20px;
  --button-small-font-weight: 500;
  --button-small-size: 14px;
  --button-small-height: 42px;
  --button-small-radius: 6px;
  --button-small-space: 10px;
  --button-small-padding: 0px;
  --button-fill-1-color: rgb(241,234,224);
  --button-fill-1-background: rgb(10,10,10);
  --button-fill-1-hover-color: rgb(244,189,56);
  --button-fill-1-hover-background: rgb(10,10,10);
  --button-fill-2-color: rgb(241,234,224);
  --button-fill-2-background: rgb(10,10,10);
  --button-fill-2-hover-color: rgb(10,10,10);
  --button-fill-2-hover-background: rgb(244,189,56);
  --button-fill-3-color: rgb(241,234,224);
  --button-fill-3-background: rgb(10,10,10);
  --button-fill-3-hover-color: rgb(241,234,224);
  --button-fill-3-hover-background: rgb(95,107,222);
  --button-fill-4-color: #fff;
  --button-fill-4-background: #000;
  --button-fill-4-hover-color: #fff;
  --button-fill-4-hover-background: #000;
  --button-fill-5-color: #fff;
  --button-fill-5-background: #000;
  --button-fill-5-hover-color: #fff;
  --button-fill-5-hover-background: #000;
  --button-border-1-width: 2px;
  --button-border-1-radius: ;
  --button-border-1-color: rgb(10,10,10);
  --button-border-1-background: rgba(0,0,0, 0);
  --button-border-1-hover-color: rgb(236,81,52);
  --button-border-1-hover-background: rgba(0,0,0, 0);
  --button-border-2-width: 1px;
  --button-border-2-radius: ;
  --button-border-2-color: rgb(10,10,10);
  --button-border-2-background: rgba(0,0,0, 0);
  --button-border-2-hover-color: rgb(95,107,222);
  --button-border-2-hover-background: rgba(0,0,0, 0);
  --button-border-3-width: 1px;
  --button-border-3-radius: ;
  --button-border-3-color: rgb(10,10,10);
  --button-border-3-background: rgb(244,189,56);
  --button-border-3-hover-color: rgb(244,189,56);
  --button-border-3-hover-background: rgba(0,0,0, 0);
  --button-border-4-width: 1px;
  --button-border-4-radius: ;
  --button-border-4-color: rgb(10,10,10);
  --button-border-4-background: rgba(0,0,0, 0);
  --button-border-4-hover-color: rgb(244,189,56);
  --button-border-4-hover-background: rgba(0,0,0, 0);
  --button-border-5-width: 1px;
  --button-border-5-radius: ;
  --button-border-5-color: rgb(244,189,56);
  --button-border-5-background: rgba(0,0,0, 0);
  --button-border-5-hover-color: rgb(10,10,10);
  --button-border-5-hover-background: rgb(244,189,56);
  --button-transparent-1-color: #000;
  --button-transparent-1-hover-color: #000;
  --button-transparent-2-color: #000;
  --button-transparent-2-hover-color: #000;
  --button-transparent-3-color: #000;
  --button-transparent-3-hover-color: #000;
  --button-transparent-4-color: #000;
  --button-transparent-4-hover-color: #000;
  --button-transparent-5-color: #000;
  --button-transparent-5-hover-color: #000;
  --form-color: rgb(0,0,0);
  --form-background: transparent;
  --form-border: 2px;
  --form-radius: 16px;
  --form-border-color: rgb(221,51,51);
  --form-input-text-color: rgb(0,0,0);
  --form-input-background-color: rgb(255,255,255);
  --form-input-placeholder-color: rgba(0,0,0,0.7);
  --form-input-border-width: 5px;
  --form-input-border-radius: 6px;
  --form-input-border-color: #000;
  --blocks-border-width: 2px;
  --blocks-border-radius: 16px;
  --blocks-border-color: rgb(0,0,0);
}
[data-theme="dark"] {
  --body-color: #f1eae0;
  --body-background: #121212;
  /* --text-color: ;
  --bg-color: ; */
}
/* THEME VARIABLES END */

/* Custom styles here */