/* Base reset for the cabinet.
 *
 * /me used to pull in the whole marketing stylesheet — 38KB, 268 rules — and a
 * static check of every class the cabinet renders (markup plus anything me.js
 * assigns) found zero overlap with the 167 classes style.css defines. All it
 * ever contributed was the reset below and two variables; me.css declares the
 * 28 custom properties it actually uses itself.
 *
 * Keep in sync with the head of css/style.css: this is a copy of its reset, not
 * a fork of it. If that reset changes, change it here too.
 */

:root {
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --c-slate-900: #0f172a;
}

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

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scrollbar-gutter: stable;
}

body {
  font-family: var(--font);
  color: var(--c-slate-900);
  background: #fff;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; display: block; }

button {
  cursor: pointer;
  border: none;
  background: none;
  font: inherit;
}

ul { list-style: none; }