@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/open-sans-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/open-sans-600.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/open-sans-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --aerocarta-green: #216969;
  --bs-font-sans-serif: "Open Sans", Arial, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}

body {
  font-family: var(--bs-body-font-family) !important;
}

.form-control:focus,
.form-control:active,
.form-control:focus-visible,
.form-select:focus,
.form-select:active,
.form-select:focus-visible,
.form-check-input:focus,
.form-range:focus,
.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb,
.form-range:focus::-ms-thumb {
  border-color: var(--aerocarta-green) !important;
  box-shadow: 0 0 0 0.2rem rgba(33, 105, 105, 0.25) !important;
  outline: none !important;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(33, 105, 105, 0.25) !important;
}

.form-check-input:checked {
  background-color: var(--aerocarta-green) !important;
  border-color: var(--aerocarta-green) !important;
}

.form-switch .form-check-input:checked {
  background-color: var(--aerocarta-green) !important;
  border-color: var(--aerocarta-green) !important;
}

.form-control:focus-visible,
.form-select:focus-visible,
.form-check-input:focus-visible {
  outline: none !important;
}

.btn:focus,
.btn:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(33, 105, 105, 0.25) !important;
}
.form-control:focus,
.form-control:active,
.form-control:focus-visible,
.form-select:focus,
.form-select:active,
.form-select:focus-visible,
.form-check-input:focus {
  border-color: var(--aerocarta-green) !important;
  box-shadow: 0 0 0 0.2rem rgba(33, 105, 105, 0.25) !important;
  outline: none !important;
}
