/* Theming lives in this single :root token block (raw-palette tier + semantic
   tier). Nothing below :root may contain a raw colour. */
:root {
  /* raw palette */
  --c-ink: #1a1a1a;
  --c-paper: #ffffff;

  /* semantic */
  --color-text: var(--c-ink);
  --color-bg: var(--c-paper);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: system-ui, sans-serif;
  color: var(--color-text);
  background: var(--color-bg);
}

#app {
  padding: 1rem;
}