:root {
  // Flat colors
  --turquoise: #1abc9c;
  --emerland: #2ecc71;
  --peter-river: #3498db;
  --peter-river-rgb: 52, 152, 219;
  --amethyst: #9b59b6;
  --wet-asphalt: #34495e;
  --green-sea: #16a085;
  --nephritis: #27ae60;
  --belize-hole: #2980b9;
  --wisteria: #8e44ad;
  --midnight-blue: #2c3e50;
  --sun-flower: #f1c40f;
  --carrot: #e67e22;
  --alizarin: #e74c3c;
  --clouds: #ecf0f1;
  --concrete: #95a5a6;
  --orange: #f39c12;
  --pumpkin: #d35400;
  --pomegranate: #c0392b;
  --pomegranate-rgb: 192, 57, 43;
  --silver: #bdc3c7;
  --asbestos: #7f8c8d;
  --light-gray: #f5f5f5;

  --shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);

  --bs-primary: #046380;
  --bs-primary-rgb: 4, 99, 128;

  --bs-danger: var(--pomegranate);
  --bs-danger-rgb: var(--pomegranate-rgb);

  --bs-body-bg: #fdfcfb;

  --bs-border-radius: 4px;

  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--peter-river);
}

.nav-underline {
  --bs-nav-underline-link-active-color: var(--peter-river);
}

.form-control, .form-select {
  background-color: white;
}

.btn-primary {
  --bs-btn-focus-shadow-rgb: 4, 113, 146;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #035973;
  --bs-btn-hover-border-color: #035973;
  --bs-btn-active-bg: #034f66;
  --bs-btn-active-border-color: #034f66;
  --bs-btn-disabled-bg: #35cbf8;
  --bs-btn-disabled-border-color: #35cbf8;
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
}