/* Copied from HEARTFELTVC/heartfelt-website app/globals.css (source SHA in
   docs/VISUAL-REVIEW.md). Standalone CSS: no Tailwind import or runtime dependency.
   Existing Google-hosted Roboto families are equivalent to the website's
   Roboto Variable families; preserve the site's current font loading/CSP. */
:root {
  --color-stempel: #000000;
  --color-pergament: #fffcf7;
  --color-bleistift: #d4d4d4;
  --color-tinte: #1466d2;
  --color-farbband: #ff1c1c;
  --font-slab: 'Roboto Slab', Courier, monospace;
  --font-mono: 'Roboto Mono', Courier, monospace;
  --paper: var(--color-pergament);
  --ink: var(--color-stempel);
  --pencil: var(--color-bleistift);
  --blue: var(--color-tinte);
  --red: var(--color-farbband);
}
html { background: var(--color-pergament); color: var(--color-stempel); -webkit-font-smoothing: antialiased; }
::selection { background: var(--color-farbband); color: var(--color-pergament); }
:focus-visible { outline: 2px solid var(--color-tinte); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}