/* ============================================================
   MIMIC — Base layer
   Minimal element defaults so specimens & kits start from the
   right canvas: black background, white text, Rubik/Inter.
   ============================================================ */
:root {
  color-scheme: dark;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* The system's signature surface: a 1px white outlined box. */
.mimic-box {
  background: var(--bg);
  box-shadow: var(--outline-card);
}

/* Icon helper — recolors a currentColor SVG via mask. */
.mimic-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
}

::selection {
  background: var(--green);
  color: var(--black);
}