:root {
  --primary: #5b21b6; /* indigo-700 */
  --secondary: #7e22ce; /* purple-700 */
  --light: #f8f9fa; /* Bootstrap light gray */
  --dark: #212529; /* Bootstrap dark gray */
  --accent: #6d28d9; /* violet-700 */
}

body {
  font-family: 'Roboto', sans-serif;
}

/* Hero Section Style */
.hero {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
}

/* Custom Card Styles */
.card {
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  transition: transform 0.2s;
}

.card:hover {
    transform: translateY(-5px);
}

.card-title {
  color: var(--accent);
  font-weight: bold;
}

/* Team Section Styles */
.team .member h3 {
  color: var(--accent);
}

.team .member a {
  color: var(--primary);
  text-decoration: none;
  font-weight: bold;
}

.team .member a:hover {
  text-decoration: underline;
}

/* Button Overrides */
.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

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

/* Contact Form Enhancements */
.form-field {
  position: relative;
}

.form-field .material-icons {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  color: #aaa;
  pointer-events: none;
}

.form-field .form-control {
  padding-left: 45px;
}

.form-field .form-control:focus ~ .material-icons {
  color: var(--primary);
}