/* Dark theme for the account pages, in the main site's colours (css/styles.css). */
:root { color-scheme: dark; }
body { margin: 0; background: #07080f; color: #f1f3fa;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { padding: 0 16px; }
h1, h2 { color: #f1f3fa; }
a { color: #7cc7ee; }
code { background: #12142a; border: 1px solid #262a52; border-radius: 4px; padding: 0 4px; }
fieldset { background: #12142a; border-color: #262a52 !important; }
legend { color: #b7bbd6; padding: 0 6px; }
.hint { color: #b7bbd6; font-size: 14px; }
.error { color: #ff7b7b; }
.notice { color: #6fdc8c; }
input[type=email], input[type=password], input[type=text] { background: #0b0d1b; color: #f1f3fa;
  border: 1px solid #262a52; border-radius: 6px; padding: 8px 10px; width: 100%; max-width: 320px;
  box-sizing: border-box; }
input:focus { outline: 2px solid #7cc7ee; outline-offset: 1px; }
input[type=radio] { accent-color: #45a7de; }
button { background: #45a7de; color: #07080f; border: 0; border-radius: 6px; padding: 10px 18px;
  font-weight: 600; font-size: 15px; cursor: pointer; }
button:hover { background: #7cc7ee; }