/* Colour tokens: names and values are the estate theme tokens (zflair
   themes/out/v2-theme.css, as vendored in matrix-claude bot/adminui/static/v2/
   theme.css). Mocha is the dark default, Latte follows prefers-color-scheme.
   Never write a raw colour below this block. */
:root{
  color-scheme:dark;
  --bg:#181825; --surface:#1e1e2e; --line:#313244; --text:#cdd6f4;
  --text-dim:#7f849c; --accent:#cba6f7; --on-accent:#11111b; --focus:#b4befe;
  --btn:#cba6f7; --on-btn:#11111b; --btn-flat:#45475a; --on-btn-flat:#cdd6f4;
}
@media (prefers-color-scheme: light){
  :root{
    color-scheme:light;
    --bg:#e6e9ef; --surface:#eff1f5; --line:#ccd0da; --text:#4c4f69;
    --text-dim:#8c8fa1; --accent:#8839ef; --on-accent:#eff1f5; --focus:#7287fd;
    --btn:#8839ef; --on-btn:#eff1f5; --btn-flat:#bcc0cc; --on-btn-flat:#4c4f69;
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:30rem;margin:0 auto;padding:2rem 16px}
h1{font-size:1.4rem;margin:0 0 .5rem}
.dim{color:var(--text-dim);overflow-wrap:anywhere}
.buttons{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}
.buttons a{display:block;padding:.8rem 1rem;border-radius:.6rem;text-decoration:none;
  background:var(--btn-flat);color:var(--on-btn-flat);border:1px solid var(--line)}
.buttons a.primary{background:var(--btn);color:var(--on-btn);border-color:var(--btn)}
.buttons a small{display:block;opacity:.8;font-size:.8rem}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}