@font-face {
  font-family: "Instrument Sans";
  src: url("instrument-sans.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

.qsr-auth-view {
  --qsr-auth-ink: #241d17;
  --qsr-auth-paper: #fffdfa;
  --qsr-auth-sand: #faf5ed;
  --qsr-auth-peach: #ffe5cf;
  --qsr-auth-orange: #ff9b23;
  --qsr-auth-muted: #51483e;
  --qsr-auth-accent: #783e10;
  --qsr-auth-border: 2px solid var(--qsr-auth-ink);
  --qsr-auth-shadow: 4px 4px 0 var(--qsr-auth-ink);
  --qsr-auth-radius: 5px;
  --qsr-auth-font: "Instrument Sans", Arial, sans-serif;
}

.qsr-auth-view :is(.qsr-login-card, .logout-card) {
  box-sizing: border-box;
  border: var(--qsr-auth-border);
  border-radius: var(--qsr-auth-radius);
  background: var(--qsr-auth-paper);
  box-shadow: var(--qsr-auth-shadow);
  color: var(--qsr-auth-ink);
  font: 500 16px/1.45 var(--qsr-auth-font);
}

.qsr-auth-view :is(.qsr-login-card .entry-title, .logout-card h1) {
  margin: 0;
  padding: 0;
  color: var(--qsr-auth-ink);
  font: 700 clamp(36px, 6vw, 56px)/1 var(--qsr-auth-font);
  letter-spacing: -.06em;
}

.qsr-auth-view :is(#pms_login #wp-submit, .logout-actions .button) {
  box-sizing: border-box;
  min-height: 46px;
  padding: 9px 15px;
  border: var(--qsr-auth-border);
  border-radius: var(--qsr-auth-radius);
  background: var(--qsr-auth-paper);
  color: var(--qsr-auth-ink);
  font: 700 16px/1.35 var(--qsr-auth-font);
  cursor: pointer;
}

.qsr-auth-view :is(#pms_login #wp-submit, .logout-actions .primary) {
  background: var(--qsr-auth-orange);
  box-shadow: 2px 2px 0 var(--qsr-auth-ink);
}

.qsr-auth-view :is(#pms_login #wp-submit, .logout-actions .button):hover {
  background: var(--qsr-auth-peach);
}

.qsr-auth-view :is(#pms_login #wp-submit, .logout-actions .primary):active {
  box-shadow: 1px 1px 0 var(--qsr-auth-ink);
  transform: translate(1px, 1px);
}