:root {	
		--sg-primary-color: #C9D179;  
		--sg-primary-soft: #E3C565;
		--sg-primary-dark: #D4A155;
		--sg-text-color: #1B1B1B;
		--sg-muted-color: #6E6E6E;
		--sg-border-color: rgba(0,0,0,0.08);
		--sg-bg-color: #E3C565;
    /* panel colors used by this page */
    --sg-panel-dark: #7a7e7c;
    --sg-panel-light: #ebe9e9;
}
body.is-loading{
  overflow:hidden;
}
body.is-loading > *:not(#page-loader){
  visibility:hidden;
}
#page-loader{
  position:fixed;
  inset:0;
  z-index:9999;
}
.page-loader__bg{
  position:absolute;
  inset:0;
  background: var(--sg-primary-color);
}
.page-loader__box{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:#fff;
}
.page-loader__brand{
  font-size:20px;
  font-weight:700;
  letter-spacing:.06em;
}
.page-loader__spinner{
  width:42px;
  height:42px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  animation: sgspin .8s linear infinite;
}
@keyframes sgspin { to { transform: rotate(360deg); } }
/* HEADER */
.hero {
    background: var(--sg-primary-dark);
    box-shadow: none;
}
.hero .nav a {
    color: #ffffff;
}
.hero .nav a:hover {
    opacity: 0.8;
}
.brand__title,
.brand__subtitle {
    color: #ffffff;
}
/* language dropdown */
.lang-dd__btn {
    background: rgba(255,255,255,0.15);
    border-color: rgba(255,255,255,0.35);
    color: #ffffff;
}
/* BURGER */
.burger span {
    background: #ffffff;
}
/* FOOTER */
.footer {
    background: var(--sg-primary-dark); /* primary dark */
    border-top: none;
}
.footer .nav a {
    color: #ffffff;
    opacity: 0.9;
}
.footer .nav a:hover {
    opacity: 1;
}