/* The admin site (admin/): sign-in and hub. Same palette as site/style.css. */
:root {
  --bg: #ffffff; --text: #16181d; --muted: #5d636e; --border: #e2e4e8; --accent: #2458e6;
  --note: #f3f5f9; --accent-text: #ffffff; --bad: #b42318;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #15171b; --text: #e8eaee; --muted: #9aa0ab; --border: #30343c; --accent: #7d9bf7;
    --note: #1e2127; --accent-text: #15171b; --bad: #f97066;
  }
}
:root[data-theme="dark"] {
  --bg: #15171b; --text: #e8eaee; --muted: #9aa0ab; --border: #30343c; --accent: #7d9bf7;
  --note: #1e2127; --accent-text: #15171b; --bad: #f97066;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
}
a { color: var(--accent); }
main { max-width: 560px; margin: 0 auto; padding: 48px 16px; }
h1 { font-size: 22px; margin: 0 0 4px; }
.muted { color: var(--muted); }
.bad { color: var(--bad); }
.tools { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 12px; }
.tools a {
  display: block; padding: 16px 18px; border: 1px solid var(--border); border-radius: 10px;
  text-decoration: none; color: var(--text); background: var(--note);
}
.tools a:hover { border-color: var(--accent); }
.tools strong { display: block; color: var(--accent); }
button {
  font: inherit; padding: 8px 16px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--border); background: var(--bg); color: var(--text);
}
button.primary { background: var(--accent); border-color: var(--accent); color: var(--accent-text); }
.actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
#clerk { margin-top: 24px; }