/* Pinned's own tokens, the same ones the site uses (src/app/globals.css, from the app's DESIGN.md): graphite ground,
   ivory ink, mint for the one action per screen, amber for caution. System font, no web fonts.
   Contrast: graphite on mint 11.4:1, ivory on graphite 14.6:1, muted on graphite 6.3:1, amber on surface 7.6:1. */
:root{
  --bg:#151714; --surface:#191b18; --ink:#ede7d8; --muted:#9a9a8f; --line:#363b36;
  --accent:#76e2b4; --on-accent:#151714; --caution:#e0a03c; --radius:12px;
  --font:-apple-system,system-ui,"Segoe UI",sans-serif; --display:var(--font);
  color-scheme:dark;
}
html{background:var(--bg)}
/* "What Pinned does not do" is a caution, not a selling point: it gets the amber mark, never the mint one. */
.limits{border:1px solid var(--line)}
.limits .eyebrow{color:var(--caution)}