:root {
  color-scheme: light dark;
  --bg: #fff;
  --fg: #000;
  --line: 2px solid var(--fg);
  --gap: 5px;
  --upload-bg: #ffdf00;
  --day-border: #c7c7c7;
  --danger: #d60000;
  font:
    14px/1.4 ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #000;
    --fg: #fff;
    --day-border: #444;
    --danger: #ff5252;
  }
}
button,
input,
select,
textarea {
  font: inherit;
}
::selection {
  background: var(--fg);
  color: var(--bg);
}