* {
  box-sizing: border-box;
}

:root {
  --background: #000;
  --foreground: #fafafa;
  --card: #0a0a0a;
  --border: #262626;
  --muted: #a3a3a3;
  --radius: 8px;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  -webkit-font-smoothing: antialiased;
}

button {
  font-family: inherit;
  cursor: pointer;
}

input,
select,
textarea {
  font-family: inherit;
}

::selection {
  background: var(--foreground);
  color: var(--background);
}