html { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
body {
  min-width: 320px;
  min-height: 100vh;
  background: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
button:not(:disabled), a { cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 0; box-shadow: var(--shadow-focus); }
h1, h2, p { margin: 0; }
h1 { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1; letter-spacing: -0.055em; }
h2 { font-size: 1.5rem; letter-spacing: -0.03em; }
p { line-height: 1.55; }
a { color: inherit; text-decoration: none; }
kbd {
  min-width: 25px;
  padding: 2px 5px;
  border: 1px solid var(--color-border);
  border-bottom-width: 2px;
  border-radius: 4px;
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-family: inherit;
  font-size: 0.72rem;
}