/**
 * Medical Teal Theme Overrides
 */

/* Primary colors */
:root {
  --primary-color: #00897b;
  --primary-dark: #00796b;
  --primary-light: #e0f2f1;
  --primary-bg: #f1f8f6;
}

/* Navbar */
.nav-bar {
  background: linear-gradient(135deg, #00897b 0%, #00796b 100%) !important;
}

/* Progress indicator current step */
.progress-step.current {
  color: #00897b !important;
}

.step-indicator {
  color: #00897b !important;
}

/* Section headers */
.form-section h3 {
  color: #00897b !important;
  border-bottom-color: #e0f2f1 !important;
}

.sheet-section h2 {
  color: #00897b !important;
  border-bottom-color: #e0f2f1 !important;
}

.about-section h2 {
  color: #00897b !important;
}

/* Buttons */
.btn-primary {
  background: linear-gradient(135deg, #00897b 0%, #00796b 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 137, 123, 0.3) !important;
}

.btn-primary:hover {
  box-shadow: 0 4px 12px rgba(0, 137, 123, 0.4) !important;
}

/* Field guidance */
.field-guidance {
  background: #f1f8f6 !important;
  border-left-color: #00897b !important;
}

.field-guidance strong {
  color: #00796b !important;
}

/* Focus states */
.field-group input:focus,
.field-group select:focus,
.field-group textarea:focus {
  border-color: #00897b !important;
  box-shadow: 0 0 0 3px rgba(0, 137, 123, 0.1) !important;
}

/* Default options hover */
.default-option:hover,
.verification-option:hover {
  border-color: #00897b !important;
  background: #f1f8f6 !important;
}

/* Execution sheet header */
.sheet-header {
  background: linear-gradient(135deg, #00897b 0%, #00796b 100%) !important;
}

/* Contact card */
.contact-card {
  border-left-color: #00897b !important;
}

.contact-card h3 {
  color: #00897b !important;
}

.email a {
  color: #00897b !important;
}

/* Nav link hover */
.nav-link:hover {
  background: rgba(255,255,255,0.15) !important;
}

/* Form note */
.form-note {
  background: #e0f2f1 !important;
  color: #00897b !important;
}