/* Entrance-only art direction. Dashboard and access styles remain inherited. */
body[data-screen='entrance'] {
  --green: #79dfad;
  --white: #d8eee2;
  --muted: #a2b9ad;
}

body[data-screen='entrance'] .snoke-wordmark {
  color: #c6ffdf;
  text-shadow: 0 0 28px rgb(107 229 164 / 8%);
}

body[data-screen='entrance'][data-tone='white'] .snoke-wordmark {
  color: #f0fff7;
}

body[data-screen='entrance'] .button-primary {
  background: #6de3a5;
  color: #05190f;
}

body[data-screen='entrance'] .button-primary:hover {
  background: #94edbf;
}

body[data-screen='entrance'] .button-outline {
  border-color: #548568;
}

body[data-screen='entrance'] .button-outline:hover {
  border-color: var(--green);
  background: rgb(80 197 132 / 7%);
}

body[data-screen='entrance'] .entrance-tagline {
  color: #acc9b8;
  margin-top: 22px;
}

body[data-screen='entrance'] .entrance-actions {
  margin-top: 40px;
}

body[data-screen='entrance'] .demo-shortcut {
  margin-top: 16px;
}

body[data-screen='entrance'] .entrance-composition {
  margin-top: -24px;
}

body[data-screen='entrance'] .atmosphere {
  background:
    radial-gradient(ellipse 46% 30% at 50% 46%, rgb(5 8 7 / 70%), rgb(5 8 7 / 45%) 60%, transparent 100%),
    linear-gradient(0deg, #050807, transparent 14%, transparent 92%, rgb(5 8 7 / 40%));
}

@media (max-width: 640px) {
  body[data-screen='entrance'] .entrance-tagline {
    margin-top: 17px;
    font-size: 10px;
    letter-spacing: 0.17em;
  }

  body[data-screen='entrance'] .entrance-actions {
    margin-top: 32px;
    gap: 12px;
  }

  body[data-screen='entrance'] .entrance-actions .button {
    font-size: 11px;
    letter-spacing: 0.11em;
  }

  body[data-screen='entrance'] .demo-shortcut {
    margin-top: 14px;
  }

  body[data-screen='entrance'] .snoke-wordmark {
    padding-bottom: 0.085em;
  }
}