:root {
  color-scheme: dark;
}

body {
  background: #0f0f11;
  color: #f4f1f3;
}

#app > h2,
#app > .subtitle {
  color: #f4f1f3;
}

#app > .subtitle,
#app > .loading p,
.option .content p {
  color: #aaa5ab;
}

#app > .loading,
.option,
.note {
  border-color: #39373d;
  background: #1d1d20;
  color: #f4f1f3;
}

.full-preview {
  --ink: #252426;
  --paper: #171719;
  --muted: #aaa5ab;
  --line: #3d3b41;
  border-color: #353339;
  background: #171719;
  color: #f4f1f3;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46);
}

#app .full-preview .site-nav {
  border-bottom-color: rgba(255, 255, 255, 0.09);
  background: rgba(20, 20, 22, 0.94);
}

#app .full-preview .brand {
  color: #f4f1f3;
}

#app .full-preview .brand img {
  padding: 2px;
  border-radius: 8px;
  background: #f5f3ef;
  mix-blend-mode: normal;
}

#app .full-preview .brand small,
#app .full-preview .nav-links a {
  color: #aaa5ab;
}

#app .full-preview .menu-button {
  color: #f4f1f3;
}

#app .full-preview .hero {
  background: #171719;
}

#app .full-preview .hero-copy > p {
  color: #c7c1c7;
}

#app .full-preview .hero h3 {
  color: #fff !important;
  text-shadow: 0 2px 24px rgba(255, 255, 255, 0.1);
}

#app .full-preview .company-full {
  color: #f4f1f3 !important;
}

#app .full-preview .button {
  border-color: #d5d0d5;
  color: #f4f1f3;
}

#app .full-preview .button.primary {
  border-color: #ff4f78;
  background: #ff4f78;
  color: #fff;
}

#app .full-preview .logo-card {
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.48);
}

.full-preview > .section {
  background: #1b1b1e;
  color: #f4f1f3;
}

.full-preview > #location {
  background: #141416;
}

.section-head p {
  color: #aaa5ab;
}

#app .full-preview .business-card,
#app .full-preview .business-card:nth-child(2),
#app .full-preview .business-card:nth-child(3),
#app .full-preview .business-card:nth-child(4) {
  border-color: #403e44;
  background: #242427;
  color: #f4f1f3;
}

#app .full-preview .business-card:nth-child(2) {
  background: #2a292d;
  border-top-color: #ff4f78;
}

#app .full-preview .business-card:nth-child(3) {
  background: #18181a;
}

#app .full-preview .business-card:nth-child(4) {
  background: #303036;
}

#app .full-preview .business-card__more {
  background: #111113;
}

#app .full-preview .business-card:hover,
#app .full-preview .business-card:focus-visible,
#app .full-preview .business-card.is-open {
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);
}

#app .full-preview .office-gallery {
  background: #101012;
}

#app .full-preview .office-card {
  background: #29292d;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.48);
}

#app .full-preview .jobs-preview {
  background: #121214;
}

#app .full-preview .flow-menu,
#app .full-preview .flow-item {
  border-color: #3c3a40;
}

#app .full-preview .flow-marquee {
  background: #303036;
}

#app .full-preview .pill {
  border-color: #4c4950;
  color: #c7c1c7;
}

#app .full-preview .address-card {
  border-color: #3d3b41;
  background: #242427;
  color: #f4f1f3;
}

#app .full-preview .address-card p {
  color: #aaa5ab;
}

#app .full-preview .map-snapshot {
  border-color: #3d3b41;
  background: #242427;
}

#app .full-preview .map-snapshot__controls {
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(24, 24, 26, 0.94);
}

#app .full-preview .map-snapshot__controls button {
  border-bottom-color: #3d3b41;
  color: #f4f1f3;
}

#app .full-preview .map-snapshot__controls button:hover,
#app .full-preview .map-snapshot__controls button:focus-visible {
  background: #ff4f78;
}

#app .full-preview .contact-section {
  background: #141416;
}

#app .full-preview .apply-entry {
  background: #28282c;
}

#app .full-preview .apply-entry::before {
  border-color: rgba(255, 79, 120, 0.13);
}

#app .full-preview .apply-entry__channel {
  background: #101012;
}

#app .full-preview .apply-entry__button {
  border-color: #ff4f78;
  background: #ff4f78;
  color: #fff;
}

#app .full-preview .apply-entry__button span {
  background: #171719;
}

#app .full-preview .site-footer {
  background: #0c0c0e;
}

.approval .option {
  border-color: #39373d;
  background: #1d1d20;
  color: #f4f1f3;
}

.approval .option.selected {
  outline-color: #ff4f78;
}

@media (max-width: 700px) {
  body {
    background: #0f0f11;
  }
}