/* ============================================================
   Design tokens — the brand system. Mirror site.config.js `brand`.
   PsiSpacer.pl — "Wieczorny spacer" (evening walk): dark soil
   surfaces, warm cream ink, amber accent. Warm and trustworthy,
   readable on a phone in the dark — when dog owners actually look.
   ============================================================ */
:root {
  /* surfaces (dark, warm) */
  --bg: #12100b;
  --bg-2: #191509;
  --panel: #1c1810;
  --panel-2: #211c12;

  /* ink */
  --ink: #f3ecdd;
  --dim: rgba(243, 236, 221, .62);
  --faint: rgba(243, 236, 221, .38);
  --line: rgba(243, 236, 221, .14);
  --chalk: #efe7d5;

  /* accent — the one color people remember. */
  --accent: #f5a524;
  --accent-soft: rgba(245, 165, 36, .14);
  --accent-ink: #221300;

  /* type — mirror config.brand */
  --f-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --f-body: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  --f-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

/* minimal reset (the rest of the app CSS lives in style.css) */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
[hidden] { display: none !important; }
html { background: var(--bg); }
body {
  background: var(--bg); color: var(--ink); font-family: var(--f-body);
  font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }