/* The site's system (Sept 6 2026, seth.vibeconferencing.com src/theme.ts) layered over the
   vendored Picturephone tokens. Variable NAMES stay so docs.css needn't change; values move. */
:root{
  --cream:#FFF4DA; --paper:#FFFDF7; --paper-lo:#FFE7B3;
  --ink:#4A3140; --ink-soft:#6B5566; --ink-faint:#9A8798; --bright:#4A3140;
  --teal:#9F0BA4; --teal-deep:#9F0BA4;          /* links + note rail → magenta */
  --coral:#E62776; --coral-deep:#B31199;        /* action / warn rail → pink */
  --mustard:#FFE7B3; --green:#4A3140;
  --line:#F1D9A4; --line-ink:#4A3140;
  --disp:'Syne',Futura,'Trebuchet MS',sans-serif;
  --body:'DM Sans','Avenir Next',-apple-system,sans-serif;
  --mono:'JetBrains Mono','SF Mono',Menlo,monospace;
}
/* wordmark in caps — Syne's lowercase g reads cut off (Seth, Sept 8) */
.top .wordmark{font:800 14px/1 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.top .kind{color:var(--ink-soft)}
h1,h2,h3{font-weight:800;letter-spacing:-.02em}
h2{padding-bottom:6px;border-bottom:2px solid var(--line-ink)}
a{text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--coral-deep)}
nav.side a[aria-current]{border-left-color:var(--coral)}
code{background:var(--paper-lo);border:1px solid var(--line);border-radius:3px}
.note{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--teal);border-radius:4px;box-shadow:-1px 2px 8px rgba(74,49,64,.10)}
.warn{background:var(--paper-lo);border:1px solid var(--line);border-left:6px solid var(--coral);border-radius:4px;box-shadow:-1px 2px 8px rgba(74,49,64,.10)}
.src{color:var(--ink-faint)}
th{color:var(--ink-soft)}
footer{color:var(--ink-soft)}