html {
  font-size: 14px;
}

body { background:#f5f2eb; color:#24221e; }
h1,h2,.navbar-brand { letter-spacing:-.035em; }
h1 { font-weight:700; }
.navbar { padding:1.1rem 1.5rem; }
main { padding-top:2rem; }
.card { border-radius:18px; background:#fffefa; }
.eyebrow { color:#856324; font-size:.72rem; font-weight:700; letter-spacing:.15em; }
.brand-dot { color:#b08a45; }
.btn-primary { --bs-btn-bg:#ac843c; --bs-btn-border-color:#ac843c; --bs-btn-hover-bg:#8c682b; --bs-btn-hover-border-color:#8c682b; --bs-btn-active-bg:#765620; --bs-btn-active-border-color:#765620; }
.btn { border-radius:9px; }
.form-control,.form-select { border-radius:9px; padding:.75rem; border-color:#ded7ca; }
.form-control:focus,.form-select:focus { border-color:#ac843c; box-shadow:0 0 0 .2rem #ac843c26; }
.auth-card { max-width:510px; margin-top:3rem; }
.edit-card { max-width:760px; }
.table { --bs-table-bg:transparent; }
.table td,.table th { padding:1.1rem 1.3rem; }
.table thead th { font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; color:#777064; }
.footer { background:#f5f2eb; }

@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;
}

.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;
}