:root {
  --uec-gold: #eab308;
  --uec-dark: #0f0f0f;
  --uec-gray: #1a1a1a;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--uec-dark);
  color: #ffffff;
}

::selection {
  background: var(--uec-gold);
  color: #000000;
}

.text-gold {
  color: var(--uec-gold);
}

.bg-gold {
  background-color: var(--uec-gold);
}

.border-gold {
  border-color: var(--uec-gold);
}

.uec-nav.scrolled {
  background: rgba(15, 15, 15, 0.9);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.shadow-3xl {
  box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.6);
}

.clip-path-poly {
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
}

.clip-path-left {
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}

.clip-path-right {
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--uec-gray);
}

::-webkit-scrollbar-thumb {
  background: var(--uec-gold);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ca8a04;
}

main.page_template {
  margin-top: 120px;
}
.page-template-page-contact input {
  padding: 7px;
}
.page-template-page-contact input, textarea {
  background-color: #eee;
  border-radius: 5px;
  border: none;
}
.page-template-page-contact button {
  border-radius: 5px;
}

#mobile-menu ul {
  text-align: center;
  margin-top: 160px;
  position: relative;
}
#mobile-menu ul li a {
    padding: 10px;
    display: block;
    position: relative;
}

button#menu-toggle {
  z-index: 1001;
}

.heroSwiper,
.heroSwiper .swiper-wrapper,
.heroSwiper .swiper-slide {
    height: 100%;
}