/* public/global.css */
:root {
  --color-text: #111;
  --color-bg: #fefefe80;
  --color-selection-bg: #111;
  --color-selection-text: #fefefe;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-text: #eee;
    --color-bg: #11111180;
    --color-selection-bg: #eee;
    --color-selection-text: #111;
  }
}

html {
  background: #fefefe;
}

@media (prefers-color-scheme: dark) {
  html {
    background: #111;
  }
}

* {
  color: var(--color-text);
  -webkit-text-fill-color: var(--color-text);
  -webkit-text-stroke-width: .003em;
  -webkit-text-stroke-color: var(--color-text);
  margin: 0;
  font-family: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;
  font-size: 1rem;
  line-height: 1;
}

* ::selection {
  background: var(--color-selection-bg);
  color: var(--color-selection-text);
}

body {
  color: var(--color-text);
  margin-top: 1lh;
  margin-left: 2ch;
}

@media (min-width: 600px) {
  body {
    margin-top: 2lh;
    margin-left: 4ch;
  }
}

a {
  color: var(--color-text);
}

h1:before {
  content: "# ";
}