:root {
    --custom-beige: #f7f6f2;
    --custom-gold: #b59d64;
    --custom-dark-gold: #8d784d;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--custom-beige);
}

.bg-hero {
    background-image: url('./assets/eggtracker/egg_background.webp');
    background-size: cover;
    background-position: center;
}
        
.bg-custom-beige { background-color: var(--custom-beige) !important; }
.bg-custom-gold { background-color: var(--custom-gold) !important; }
.bg-custom-dark-gold { background-color: var(--custom-dark-gold) !important; }
.text-custom-gold { color: var(--custom-gold) !important; }
.btn-custom-gold {
    background-color: var(--custom-gold);
    color: white;
    border-color: var(--custom-gold);
}
.btn-custom-gold:hover {
    background-color: var(--custom-dark-gold);
    border-color: var(--custom-dark-gold);
}
.btn-outline-custom-gold {
    border-color: var(--custom-gold);
    color: var(--custom-gold);
}
.btn-outline-custom-gold:hover {
    background-color: var(--custom-gold);
    color: white;
}
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.li_brain {
   background:url('../assets/eggtracker/icon_brain.png') 0% 0% no-repeat no-repeat;
   background-size: 50px;
   padding-left: 70px;
   list-style: none;
    background-repeat: no-repeat;
  background-position: left center;
  }

.li_tool {
   background:url('../assets/eggtracker/icon_tool.png') 0% 0% no-repeat no-repeat;
   background-size: 50px;
   padding-left: 70px;
   list-style: none;
    background-repeat: no-repeat;
  background-position: left center;
  }
  
  .li_processor {
   background:url('../assets/eggtracker/icon_processor.png') 0% 0% no-repeat no-repeat;
   background-size: 50px;
   padding-left: 70px;
   list-style: none;
    background-repeat: no-repeat;
  background-position: left center;
  }

  .li_trends {
   background:url('../assets/eggtracker/icon_trends.png') 0% 0% no-repeat no-repeat;
   background-size: 50px;
   padding-left: 70px;
   list-style: none;
    background-repeat: no-repeat;
  background-position: left center;
  }

    .li_graph {
   background:url('../assets/eggtracker/icon_graph.png') 0% 0% no-repeat no-repeat;
   background-size: 50px;
   padding-left: 70px;
   list-style: none;
    background-repeat: no-repeat;
  background-position: left center;
  }

.li_mounting {
   background:url('../assets/eggtracker/icon_mounting.png') 0% 0% no-repeat no-repeat;
   background-size: 50px;
   padding-left: 70px;
   list-style: none;
    background-repeat: no-repeat;
  background-position: left center;
  }