:root {
  font-family: var(--kds-core-font-family-roboto), sans-serif;

  /*
   * Follow the device preference. The color tokens resolve via `light-dark()`,
   * so this needs no JavaScript and applies on the first paint.
   * `useKdsDarkMode()` overrides it with an inline style for an explicit
   * light/dark preference.
   */
  color-scheme: light dark;
}

body {
  font: var(--kds-font-base-body-medium);
  color: var(--kds-color-text-and-icon-neutral);
}

a {
  color: inherit;
}

pre,
code,
tt,
samp {
  font-family: var(--kds-core-font-family-roboto-mono), monospace;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="number"] {
  appearance: none;
  border-radius: 0;
}