/* === Collicom Branding === */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&family=Red+Hat+Display:wght@400;500&display=swap');

body {
  font-family: 'Red Hat Display', sans-serif;
  color: #777777;
  background-color: #f9f9fb;
}

h1, h2, h3, h4, .heading, .panel-title {
  font-family: 'Poppins', sans-serif;
  color: #343F5A;
}

a, .link, .btn-link {
  color: #3D73FF;
}

a:hover, .link:hover {
  color: #608DFF;
  text-decoration: underline;
}

.btn, .btn-primary, input[type=submit] {
  background: linear-gradient(135deg, #3D73FF 0%, #608DFF 100%);
  border: none;
  color: white !important;
  font-weight: 500;
  transition: all 0.3s ease;
}

.btn:hover, .btn-primary:hover, input[type=submit]:hover {
  background: linear-gradient(135deg, #608DFF 0%, #3D73FF 100%);
}

.navbar, .top-header {
  background-color: white !important;
  border-bottom: 1px solid #eee;
}

.card, .panel, .panel-default {
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  border: none;
}

input.form-control, select.form-control, textarea.form-control {
  border-radius: 8px;
  border: 1px solid #d1d5db;
}

/* Accent elements */
.accent, .badge-primary, .label-primary {
  background-color: #C8852F !important;
  color: white !important;
}