:root {
  /* Primary Colors */
  --primary-color: #565656;
  --primary-color-2: #cc6202; /* New orange color */
  --secondary-color: #666;
  --secondary-color-2: #777;
  
  /* Text Colors */
  --primary-t-color: #222;
  --primary-p-color: #565656;
  
  /* Background Colors */
  --primary-bg-color: #f6f9fe;
  --primary-bg-color-2: linear-gradient(-47deg, #cc6202 0%, #b35802 100%); /* New orange gradient */
  --primary-bg-color-3: #ffffff;
  --primary-bg-color-4: rgba(16, 16, 45, 1);
  
  /* Navigation Colors */
--nav-item-color: #1a1a2e;
--nav-hover-color: #16213e;
  --nav-toggler-color: #7e8085;
  --nav-bg-color: #d3d3d3;
  
  /* Social Media Colors */
  --social-color-1: #3b5999;
  --social-color-2: #55acee;
  --social-color-3: #dd4b39;
  --social-color-4: #00b489;
  
  /* Utility Colors */
  --white-color: #ffffff;
  --primary-l-color: rgba(0, 0, 0, 0.12);
  --secondary-l-color: rgba(45, 49, 54, 0.09);
  --valid-color: #28a745;
  --invalid-color: #ffa200;
}

/* Hero Section */
.welcome-area {
  background-size: cover !important;
  background-position: center !important;
}

/* Mobile responsive adjustments */
@media (max-width: 767px) {
  .welcome-area {
    height: auto !important;
    min-height: 100vh;
    padding: 80px 0 40px 0;
  }
  
  .welcome-area .container {
    padding-top: 60px !important;
  }
  
  .button-group {
    margin-top: 20px;
  }
  
  .button-group .btn {
    width: 100%;
    margin-bottom: 15px;
  }
  
  .coming-soon-badge {
    font-size: 0.9rem;
    padding: 8px 16px !important;
  }
}

.welcome-area.bg-overlay::after {
  display: none !important;
}

.welcome-area .bg-overlay {
  display: none !important;
}

/* Coming Soon Badge */
.coming-soon-badge {
  box-shadow: 0 5px 15px rgba(204, 98, 2, 0.15);
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.5);
}

.coming-soon-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(204, 98, 2, 0.2);
}

/* Waitlist Forms */
#waitlist .card {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

#waitlist .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

#waitlist .form-control {
  height: 50px;
  border-radius: 8px;
  font-size: 15px;
  padding: 0 20px;
  margin-bottom: 15px;
  border: 1px solid #eee;
  transition: all 0.3s ease;
}

#waitlist .form-control:focus {
  border-color: var(--primary-color-2);
  box-shadow: 0 5px 15px rgba(204, 98, 2, 0.1);
}

#waitlist select.form-control {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 15px;
}

#waitlist .btn {
  background: var(--primary-bg-color-2);
  border: none;
  height: 50px;
  font-weight: 600;
  margin-top: 10px;
}

/* Override button hover effects */
.btn:hover, .btn:focus, .btn:active {
  background: var(--primary-bg-color-2);
  box-shadow: 0 10px 25px rgba(204, 98, 2, 0.3);
}

/* Logo size control */
.navbar-brand img {
  max-height: 70px;
  width: auto;
  object-fit: contain;
}

/* Navigation menu items - force dark navy color */
.navbar-dark .navbar-nav .nav-link {
  color: #1a1a2e !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #16213e !important;
}

/* Override sApp-btn styling for orange background */
.btn.sApp-btn {
  background: #cc6202 !important;
  border-color: #cc6202 !important;
  color: white !important;
}

.btn.sApp-btn:hover, .btn.sApp-btn:focus {
  background: #b35802 !important;
  border-color: #b35802 !important;
  color: white !important;
}

.btn.sApp-btn:before {
  background: #cc6202 !important;
}

.btn.sApp-btn:after {
  background: #cc6202 !important;
}

/* Override link hover color */
a:hover, a:focus {
  color: #FF7F50;
}

/* Override section heading underline color */
.section-heading > h2::after {
  background-color: #FF7F50;
}

/* Override feature icon colors */
.service-icon span {
  color: #FF7F50;
}

/* Override counter numbers color */
.counter-area .single-counter span {
  background-image: var(--primary-bg-color-2);
}

/* Override testimonial dots active state */
.testimonial-area .owl-dots .owl-dot.active {
  background-color: #FF7F50;
  box-shadow: 0 1px 5px #FF7F50;
}

/* Override screenshot dots active state */
.app-screenshots .slick-dots .slick-active button {
  background-color: #FF7F50;
  box-shadow: 0 1px 5px #FF7F50;
}

/* Override pricing plan color */
.single-price-plan .plan-price > h2 {
  background-image: var(--primary-bg-color-2);
}

/* Override contact button background */
.contact-box button {
  background: var(--primary-bg-color-2) !important;
}

/* Override subscribe button background */
.subscribe-form button {
  background: var(--primary-bg-color-2) !important;
}

/* Override blockquote border color */
.single-blog-details .blog-content .blog-details .blockquote::after {
  background-color: #FF7F50;
}

/* Override team overlay background */
.single-team .team-thumb .team-overlay::after {
  background-color: #FF7F50;
  opacity: 0.9;
}

/* Text Shadow for Hero Text */
.welcome-intro h1,
.welcome-intro p,
.welcome-intro span {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}