/* Styles for the server-rendered sign-in and change-password pages.
 *
 * These two pages are the security boundary, so they are deliberately
 * build-free: they must still render when the React bundle is broken, missing,
 * or half-swapped mid-deploy. Everything else the panel needs comes from the
 * bundle; everything they need is here or inline in app/login_page.py.
 *
 * Colours come from theme.css, which both pages link first.
 */

* { box-sizing: border-box; }

html, body {
  margin: 0;
  height: 100%;
  background: var(--bg);
  color: var(--ink);
  font: 400 14px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { margin: 0; font-weight: 600; letter-spacing: -0.01em; }
button, input, select { font: inherit; color: inherit; }
[hidden] { display: none !important; }

.label {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--faint);
  font-weight: 600;
}

.wordmark {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.02em;
}