@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,regular,500,600,700&display=swap");

.backstage-theme {
  --backstage-primary: #edf000;
  --backstage-background: #f3f4f1;
  --backstage-surface: #ffffff;
  --backstage-text: #141414;
  --backstage-muted: #5f6368;
  --backstage-dark: #000000;
  --backstage-line: rgba(0, 0, 0, 0.1);
  --backstage-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
  --backstage-heading-font: "Oswald", Impact, sans-serif;
}

.backstage-dashboard input,
.backstage-dashboard textarea {
  border-color: rgba(0, 0, 0, 0.28);
  background: var(--backstage-surface);
}

.backstage-dashboard input:not([type="checkbox"]):focus,
.backstage-dashboard textarea:focus {
  border-color: var(--backstage-dark);
  outline: 2px solid rgba(237, 240, 0, 0.7);
  outline-offset: 2px;
}

.backstage-dashboard input[type="checkbox"]:focus {
  outline: none;
}

.backstage-topbar img {
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28));
}

.backstage-dashboard .backstage-button-dark:hover,
.backstage-dashboard .backstage-button-dark:focus-visible {
  background: var(--backstage-dark);
  color: var(--backstage-surface);
}

.backstage-nav {
  font-family: var(--backstage-heading-font);
}

.backstage-section {
  box-shadow: var(--backstage-shadow);
}

@media (max-width: 760px) {
  .backstage-section {
    box-shadow: none;
  }
}