/*
 * ReachOut's one stylesheet (TKK-533): the product page, the confirm and unsubscribe pages and
 * the admin all load it, after /tokens.css from @tekkna/tokens. The names these pages use are
 * aliases of the tokens, so the palette, the light mode (Daylight) and every future change come
 * from the one source; the retired #e5484d accent and #26251f line are gone.
 */
:root {
  --ink: var(--ground);
  --ink-2: var(--raised);
  --bone: var(--text);
  --bone-2: var(--text-dim);
  --quiet: var(--text-mute);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--ink); color: var(--bone); -webkit-font-smoothing: antialiased; }
::selection { background: var(--accent); color: var(--on-accent); }
:focus-visible { outline: 2px solid var(--bone); outline-offset: 2px; }
/* For a label a screen reader needs and a sighted reader does not (the sign-up field). */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
           clip: rect(0 0 0 0); white-space: nowrap; border: 0; }