:root {
  --zogo-green: #0f4b3f;
  --zogo-green-rgb: 15, 75, 63;
  --zogo-market: #188866;
  --zogo-leaf: #0b6f55;
  --zogo-orange: #f47721;
  --zogo-orange-rgb: 244, 119, 33;
  --zogo-primary: var(--zogo-orange);
  --zogo-primary-rgb: var(--zogo-orange-rgb);
  --zogo-yellow: #ffb318;
  --zogo-red: #cf2e2e;
  --zogo-cream: #fff5e4;
  --zogo-paper: #fffbf4;
  --zogo-paper-rgb: 255, 251, 244;
  --zogo-ink: #252525;
  --zogo-charcoal: #242424;
  --zogo-muted: #6a625b;
  --zogo-border: #eadfce;
  --bs-body-bg: var(--zogo-cream);
  --bs-body-bg-rgb: var(--zogo-paper-rgb);
  --bs-success: var(--zogo-green);
  --bs-success-rgb: var(--zogo-green-rgb);
}

.site-frame {
  background-color: var(--zogo-ink) !important;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.zogo-navbar-brand {
  display: inline-flex;
  align-items: center;
  padding-block: 0.25rem;
}

.zogo-navbar-logo {
  display: block;
  width: min(220px, 58vw);
  height: auto;
}

.zogo-home {
  padding-block: 4rem 2rem;
}

.zogo-home-logo {
  width: min(560px, 92vw);
  height: auto;
  margin-bottom: 1.25rem;
}

.zogo-home h1 {
  color: #16835f;
  font-weight: 700;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}