:root {
  --color-background: #111111;
  --color-foreground: #ffffff;
  --color-border: #ff8dae;
  --color-border-focus: #fd739a;
  --color-border-hover: #fe7da1;
  --color-accent: #ff8dae;
  --color-placeholder: #888888;
  --color-placeholder-focus: #cccccc;
}

html {
  box-sizing: border-box;
}

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

body {
  padding: 0;
  margin: 0;
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}