:root {
  --primary: #2c3e50; /* Темно-синий */
  --accent: #3498db; /* Яркий акцент */
  --light: #ecf0f1;
  --dark: #2c3e50;
  --success: #2ecc71;
}
/* === Hero Section === */
.hero {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* === Service Cards === */
.service-card:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
}

/* === Case Cards === */
.case-card {
  border-left: 4px solid var(--accent);
}

/* === Form Styles === */
#contactForm .form-control:focus {
  box-shadow: none;
  border-color: var(--accent);
}

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

#contactForm .btn-primary:hover {
  background-color: #1a252f;
  border-color: #1a252f;
}