/* Hosted pages: base styles; the platform's colours override the two defaults inline */
:root { --primary: #8f8cff; --background: #0b1020; }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; background: var(--background); color: #f5f5f7; }
main { max-width: 32rem; margin: 10vh auto; padding: 0 1rem; }
a { color: var(--primary); }

/* Staging Gate */
.staging-gate label { display: block; margin-top: 1rem; }
.staging-gate input { box-sizing: border-box; width: 100%; padding: .5rem; font: inherit; }
.staging-gate button { margin-top: 1.5rem; padding: .5rem 1.5rem; font: inherit; border: 0; border-radius: .25rem; background: var(--primary); color: var(--background); cursor: pointer; }
.staging-gate-error { color: #ffb4b4; }
.staging-gate-leave { margin-top: 2rem; }
.staging-gate-leave button { background: transparent; color: var(--primary); border: 1px solid var(--primary); }