/* Palette from the classic invitation (../index.html), plus gold and rose from the village art */
:root {
  --text: #3d2f2a;
  --text-soft: #8c6f63;
  --surface: #fffaf6;
  --line: #eadfd6;
  --tan: #d8b8a6;
  --wood-text: #fff3df;
  --icon-paper: #fffaf6;
  --gold: #e0a526;
  --rose: #b55a4e;
  --ok: #4f6f2c;
  --err: #a2412f;
  --names: 'Pixelify Sans', system-ui, sans-serif;
  --pixel: 'Pixelify Sans', ui-monospace, monospace;
  /* 2x2 checker over a light tint: dims the village the way old games dim a scene */
  --dither: repeating-conic-gradient(rgba(25, 18, 16, 0.42) 0 25%, rgba(25, 18, 16, 0.12) 0 50%) 0 0 / 4px 4px;
  --u: 3px; /* one UI pixel */
  --bar-h: 100px;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --text: #f8f4ef;
    --text-soft: #d8c2b5;
    --surface: #3d2f2a;
    --line: #574239;
    --tan: #6b5548;
    --icon-paper: #2a1f1b;
    --ok: #b7d39a;
    --err: #f0a898;
    --dither: repeating-conic-gradient(rgba(8, 5, 4, 0.7) 0 25%, rgba(8, 5, 4, 0.35) 0 50%) 0 0 / 4px 4px;
    color-scheme: dark;
  }
}