/*
 * @rna/ui/base.css: the page defaults every R.N.A studio tool sets on its own document (Deck
 * and Make kept a copy each until 0.4.42). Import it once, after `@rna/ui/styles.css`:
 *
 *   import '@rna/ui/styles.css';
 *   import '@rna/ui/base.css';
 *
 * It is not part of styles.css on purpose: styles.css never restyles a host page outside an
 * RNA root, and these rules are about the whole document. Base's own product sets its page in
 * its own stylesheets.
 *
 * The quiet keyboard ring isn't here: styles.css already draws it for every page (controls.css,
 * also served at /shell/controls.css), with no specificity, skipping text entry.
 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
#root {
  height: 100%;
  margin: 0;
}

body {
  background: var(--canvas);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-base);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

::selection {
  background: var(--accent-soft);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0s !important;
    animation-duration: 0s !important;
  }
}