:root {
  /* Main theme colors */
  --primary-color: #fad02c;     /* Bright yellow - main color */
  --secondary-color: #000000;   /* Black */
  --text-light: #ffffff;        /* White */
  --text-dark: #000000;         /* Black */
  --accent-color: #fad02c;      /* Yellow accent */
  --background-light: #ffffff;  /* White background */
  --background-dark: #121212;   /* Near-black for dark mode */
  --background-gray: #f5f5f5;   /* Light gray for sections */
  --hover-color: #e9b800;       /* Darker yellow for hover states */
  
  /* Update all previously used blues to yellow */
  --blue-color: #fad02c;        /* Replacing blue with yellow */
  --dark-blue: #e9b800;         /* Darker yellow */
  --light-blue: #ffeeb0;        /* Light yellow */
}

/* Header styling */
header {
  background-color: var(--secondary-color);
}

header.scrolled {
  background-color: rgba(0, 0, 0, 0.9);
}

/* Button styling */
.btn-primary {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  border: 2px solid var(--primary-color);
}

.btn-primary:hover {
  background-color: var(--hover-color);
  border-color: var(--hover-color);
}

.btn-outline {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}

.btn-outline:hover {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

/* Section headers */
.section-header .header-line {
  background-color: var(--primary-color);
}

/* Navigation */
.nav-links a:hover, .nav-links a.active {
  color: var(--primary-color);
}

.nav-links a:after {
  background-color: var(--primary-color);
}

/* Hero section */
.hero-content h1 span {
  color: var(--primary-color);
}

/* Service cards */
.service-card:hover {
  border-color: var(--primary-color);
}

.service-icon {
  color: var(--primary-color);
}

/* Approach section */
.step-number {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

.approach-step:hover {
  border-color: var(--primary-color);
}

/* Timeline */
.timeline-dot {
  background-color: var(--primary-color);
}

.timeline-line {
  background-color: var(--primary-color);
}

/* Testimonials */
.testimonial-accent, .testimonial-accent-2 {
  background-color: var(--primary-color);
}

.testimonial-author-name {
  color: var(--primary-color);
}

/* Forms */
input:focus, textarea:focus {
  border-color: var(--primary-color);
}

/* Scroll indicators */
.scroll-progress-bar {
  background-color: var(--primary-color);
}

.indicator-dot.active {
  background-color: var(--primary-color);
}

/* Footer */
.modern-footer {
  background-color: var(--secondary-color);
  color: var(--text-light);
}

.footer-bottom-modern {
  background-color: rgba(0, 0, 0, 0.8);
}

.footer-links-list a:hover {
  color: var(--primary-color);
}

.social-icon-link:hover {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

/* Dark mode toggle */
.dark-mode-toggle {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

.dark-mode-toggle:hover {
  background-color: var(--hover-color);
}

/* Scroll to top */
.scroll-to-top {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

.scroll-to-top:hover {
  background-color: var(--hover-color);
}

/* Dark mode styling */
body.light-mode {
  --background-color: #ffffff;
  --text-color: #000000;
}

body:not(.light-mode) {
  --background-color: #121212;
  --text-color: #ffffff;
}

body:not(.light-mode) .card,
body:not(.light-mode) .service-card,
body:not(.light-mode) .testimonial-card,
body:not(.light-mode) .approach-step,
body:not(.light-mode) .vm-card {
  background-color: #1e1e1e;
  border-color: #2a2a2a;
}

body:not(.light-mode) .dark-mode-toggle {
  background-color: #333333;
  color: var(--primary-color);
}

/* Recent Projects section */
.project-card {
  border-color: rgba(250, 208, 44, 0.2);
}

.project-card:hover {
  border-color: var(--primary-color);
}

.project-logo-container {
  background: rgba(250, 208, 44, 0.05);
}

.project-title {
  color: var(--primary-color);
}

/* FAQ section */
.faq-question {
  background-color: rgba(250, 208, 44, 0.05);
}

.faq-item.active .faq-question {
  background-color: rgba(250, 208, 44, 0.2);
}

.toggle-icon {
  color: var(--primary-color);
}

/* Preloader */
.loader {
  border-color: var(--primary-color) transparent transparent transparent;
}

/* Cookie consent */
.cookie-consent {
  background-color: var(--secondary-color);
  color: var(--text-light);
  border-top: 3px solid var(--primary-color);
}