/* lab kit — shared visual tokens for every tenant site.
 *
 * Copied into each slot at deploy time by gen-lab-tenants.mjs, so it is served
 * SAME-ORIGIN at <slot>.minomobi.com/_kit/tokens.css. Tenants link it rather
 * than inlining a copy: one edit here re-skins every site in the community.
 *
 * Hand-edited and human-owned. Agents READ this; the containment gate refuses
 * any build that tries to write here, so one tenant can never restyle the rest.
 */
:root {
  /* Surface */
  --bg:        #0e0e11;
  --bg-raised: #16161b;
  --border:    #26242c;
  --fg:        #e8e6e3;
  --muted:     #8b8792;

  /* Accent — a slot sets --accent/--accent-dim; tenants inherit unless they
     deliberately override for their own identity. */
  --accent:     #e8a33d;
  --accent-dim: #3a2c15;

  /* Status — shared so an error looks the same on every lab site. */
  --error:     #f2777a;
  --error-bg:  #33191a;
  --ok:        #7ac387;

  --radius: 4px;
  --col:    46rem;
  --mono:   ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

* { box-sizing: border-box; }

body {
  margin: 0; padding: 2rem 1.25rem 4rem;
  background: var(--bg); color: var(--fg);
  font: 16px/1.6 var(--mono);
}
main { max-width: var(--col); margin: 0 auto; }
a { color: var(--accent); }

.crumb { font-size: .8rem; color: var(--muted); margin-bottom: 2rem; }
.crumb a { color: var(--muted); }

h1 { font-size: 2.5rem; margin: 0; letter-spacing: -.03em; color: var(--accent); }
.sub { color: var(--muted); margin: .25rem 0 2rem; }
h2 { font-size: .95rem; margin: 2rem 0 .5rem; }
p, li { color: var(--muted); font-size: .85rem; }
code { color: var(--accent); }

/* Form controls — the shapes nearly every tenant needs. */
input[type=text], input:not([type]), textarea {
  width: 100%; padding: .8rem 1rem;
  background: var(--bg-raised); color: var(--fg);
  border: 1px solid var(--border); border-radius: var(--radius);
  font: inherit;
}
input:focus, textarea:focus { outline: none; border-color: var(--accent); }

button {
  padding: .8rem 1.2rem; font: inherit; cursor: pointer;
  background: var(--accent-dim); color: var(--accent);
  border: 1px solid var(--accent); border-radius: var(--radius);
}
button:hover { background: var(--accent); color: #000; }

/* Feedback — see kit.js showError/showOk. */
.err { padding: .75rem 1rem; border-radius: var(--radius);
       background: var(--error-bg); border: 1px solid var(--error); color: var(--error);
       font-size: .85rem; }
.ok  { color: var(--ok); font-size: .85rem; }
.hidden { display: none; }

/* Propagation check: an edit here must reach every slot, not just the
   rollup. If a slot 404s on _kit/ after this lands, propagate-kit.yml did
   not run or its merge failed — check that workflow first. */