:root {
  /* Primary Colors */
  --primary-blue: #e6b800;
  --primary-light-blue: #fcd92b;
  
  /* Color Variations */
  --primary-blue-dark: #cc9900;
  --primary-blue-light: #ffe066;
  --primary-light-blue-dark: #e6c000;
  --primary-light-blue-light: #fff0b3;
  
  /* Gradients */
  --gradient-blue: linear-gradient(135deg, #e6b800, #fcd92b);
  --gradient-blue-reverse: linear-gradient(135deg, #fcd92b, #e6b800);
  
  /* Text Colors */
  --text-light: #ffffff;
  --text-dark: #333333;
  
  /* Background Colors */
  --bg-light: #f8f9fa;
  --bg-dark: #0d1b2a;
}

/* Core Elements */
body {
  background-color: var(--bg-light) !important;
  color: var(--text-dark);
}

/* Navigation */
.navbar, .quick-links-bar {
  background: var(--primary-blue) !important;
  color: var(--text-light);
}

/* Buttons */
.btn-primary {
  background: var(--primary-blue) !important;
  border-color: var(--primary-blue) !important;
  color: var(--text-light) !important;
}

.btn-primary:hover {
  background: var(--primary-blue-dark) !important;
  border-color: var(--primary-blue-dark) !important;
}

.btn-secondary {
  background: var(--primary-light-blue) !important;
  border-color: var(--primary-light-blue) !important;
  color: var(--text-dark) !important;
}

.btn-secondary:hover {
  background: var(--primary-light-blue-dark) !important;
  border-color: var(--primary-light-blue-dark) !important;
}

/* Hero Sections */
.hero {
  background: var(--gradient-blue) !important;
  color: var(--text-light) !important;
}

/* Cards */
.card {
  border-color: var(--primary-light-blue) !important;
}

.card:hover {
  box-shadow: 0 5px 15px rgba(13, 156, 208, 0.2);
}

/* Links */
a {
  color: var(--primary-blue);
}

a:hover {
  color: var(--primary-blue-dark);
}

/* Quick Links */
.btn-qlink {
  background: var(--primary-light-blue) !important;
  color: var(--text-dark) !important;
}

.btn-qlink:hover {
  background: var(--primary-blue) !important;
  color: var(--text-light) !important;
}

/* Footer */
footer {
  background: var(--primary-blue) !important;
  color: var(--text-light) !important;
}

/* Form Elements */
.form-control:focus {
  border-color: var(--primary-light-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(92, 225, 230, 0.25) !important;
}

/* Custom Components */
.section-header {
  color: var(--primary-blue);
}

.testimonial {
  border-left: 4px solid var(--primary-light-blue);
}

/* Social Icons */
.social-links a:hover {
  color: var(--primary-light-blue) !important;
}

/* Feedback Button */
.feedback-trigger {
  background: var(--primary-blue) !important;
  color: var(--text-light) !important;
}

.feedback-trigger:hover {
  background: var(--primary-light-blue) !important;
  color: var(--text-dark) !important;
}