@font-face {
  font-family: "Henri Script";
  src: url("/fonts/henri-script.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root.admin-document {
  --ink: #fbfaf7;
  --panel: #f3e8d4;
  --line: #c8b09a;
  --paper: #44332f;
  --muted: #61453b;
  --accent: #71373c;
  --accent-hover: #57272d;
  --accent-soft: #ead6c2;
  --control-hover: #efe2cd;
}

.admin-document .wordmark, .admin-document .team-brand {
  color: var(--accent);
  font: 400 2.5rem/1.1 "Henri Script", "Snell Roundhand", Georgia, serif;
  letter-spacing: normal;
  text-decoration: none;
}
.admin-document .team-header { background: var(--panel); }
.admin-document .team-intro h1, .admin-document .team-section h2 {
  font-family: Georgia, serif;
  color: var(--accent);
  font-weight: 400;
}
.admin-document .team-page .button { border-radius: 0; }
.admin-document .team-page .team-nav a { border-radius: 0; }
.admin-document .sign-in {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  padding: clamp(16px, 4vw, 44px);
}
.admin-document .sign-in-panel {
  position: relative;
  width: min(100%, 490px);
  padding: clamp(26px, 6vw, 60px);
  border: 1px solid var(--line);
  background: var(--panel);
}
.admin-document .sign-in-panel::before {
  position: absolute;
  inset: 8px;
  border: 1px solid #d4bea5;
  content: "";
  pointer-events: none;
}
.admin-document .sign-in-main { width: 100%; padding-block: 34px 0; }
.admin-document .sign-in-main h1 { font: 400 2rem/1.15 Georgia, serif; color: var(--accent); }
.admin-document .sign-in-main input { background: var(--ink); }
.admin-document .sign-in-main #login-status { color: var(--accent); }
.admin-document .sign-in .button.primary { color: var(--ink); }
.admin-document .sign-in .button.primary:hover { background: var(--accent-hover); }

.bureau-wordmark { display: block; width: 100%; height: auto; }
.admin-document .sign-in .wordmark { width: min(100%, 305px); }
.team-brand { display: block; width: min(100%, 218px); }