/* SLE-T7-base — reset + root typography per the Camp v2 Style Guide.
 *
 * Loaded after fonts.css and tokens.css. Establishes box model, root
 * background/color/typography. The body-grid layout from the guide
 * (display:grid; grid-template-columns:248px 1fr) is page-specific
 * and NOT included here — apps own their own page shell.
 *
 * Code styling uses --mono and a dotted-underline treatment that
 * matches the guide's inline-code convention.
 *
 * Depends on tokens.css for --wh/--bk/--sans/--mono/--g3/--g4.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  background: var(--wh);
  color: var(--bk);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

code {
  font-family: var(--mono);
  font-size: 0.78em;
  background: transparent;
  padding: 0 1px;
  border-radius: 0;
  color: var(--bk);
  border: none;
  font-weight: 500;
  border-bottom: 1px dotted var(--g3);
}

p code,
li code,
td code {
  color: var(--g4);
}

/* Generic muted-text helper — used by JS-emitted placeholder/loading states
 * (e.g., matos admin-paper-stocks, secretariat audit detail). */
.muted {
  color: var(--g4);
  font-size: var(--fs-sm);
}