/*
 * Emulator II Studio — global entry. Component geometry lives with the
 * components in src/design-system.js; everything here is the desk the
 * instrument stands on plus the element defaults the kit assumes.
 */
@import url("tokens/fonts.css");
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/radius.css");
@import url("tokens/elevation.css");
@import url("tokens/motion.css");
@import url("tokens/surfaces.css");

html, body { margin: 0; min-height: 100%; }
body {
  padding: 18px;
  background: var(--surface-desk);
  color: var(--text-body);
  font-family: var(--font-ui);
}
a { color: var(--label); }
a:hover { color: #fff; }
h1, h2, h3 { font-weight: inherit; }
button, input, select, textarea, output { font-family: inherit; }
button { color: inherit; }
:focus-visible { outline: 1px solid rgba(255, 255, 255, .9); outline-offset: 1px; }
::selection { background: rgba(255, 255, 255, .25); }