/* hello-tenant shell styles: plain, readable, no external assets (CSP 'self'). */
:root {
  color-scheme: light dark;
  --fg: #1b1f24;
  --muted: #59636e;
  --bg: #ffffff;
  --line: #d1d9e0;
  --accent: #0a58ca;
}
@media (prefers-color-scheme: dark) {
  :root { --fg: #e6edf3; --muted: #9198a1; --bg: #0d1117; --line: #30363d; --accent: #4493f8; }
}
body { font: 16px/1.5 system-ui, sans-serif; color: var(--fg); background: var(--bg); max-width: 44rem; margin: 2rem auto; padding: 0 1rem; }
h1 { margin-bottom: 0; }
h2 { font-size: 1.05rem; margin-top: 1.75rem; border-bottom: 1px solid var(--line); padding-bottom: .25rem; }
.muted { color: var(--muted); }
dl { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1rem; }
dt { color: var(--muted); }
dd { margin: 0; font-family: ui-monospace, monospace; overflow-wrap: anywhere; }
pre { background: color-mix(in srgb, var(--line) 30%, transparent); padding: .75rem; overflow-x: auto; }
a { color: var(--accent); }
.button, button { display: inline-block; font: inherit; padding: .4rem .9rem; border: 1px solid var(--line); border-radius: 6px; background: transparent; color: var(--fg); cursor: pointer; text-decoration: none; }
form { margin-top: 2rem; }