/* Improved Color Scheme for Kophes Website */

:root {
  /* Primary Colors */
  --primary-blue: #1e3a8a;
  --primary-orange: #f59e0b;
  --primary-dark: #1f2937;
  
  /* Secondary Colors */
  --secondary-light-blue: #3b82f6;
  --secondary-light-gray: #f8fafc;
  --secondary-medium-gray: #64748b;
  
  /* Accent Colors */
  --accent-success: #10b981;
  --accent-warning: #f59e0b;
  --accent-error: #ef4444;
  
  /* Text Colors */
  --text-primary: #1f2937;
  --text-secondary: #64748b;
  --text-light: #ffffff;
}

/* Apply improved colors */
.c1 {
  color: var(--primary-blue) !important;
}

.c2 {
  color: var(--primary-blue) !important;
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 18px;
}

.button2 {
  background-color: var(--primary-orange) !important;
  border: solid 1px var(--primary-orange) !important;
  color: var(--text-light) !important;
  transition: all 0.3s ease;
}

.button2:hover {
  background-color: var(--primary-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Header improvements */
#header {
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-blue) 100%);
}

/* Service sections */
.services {
  color: var(--primary-blue) !important;
}

/* Background sections */
.sec33.ones {
  background: linear-gradient(135deg, var(--secondary-light-blue) 0%, var(--primary-blue) 100%);
}

.sec31.ones {
  background: linear-gradient(135deg, var(--secondary-light-gray) 0%, #e2e8f0 100%);
}