/* Version 5: Version 4's bold palette and scale on warm, light paper. */
body { background: var(--paper); }
.hero { background: var(--paper); color: var(--ink); }
.hero-copy > .eyebrow { color: var(--ink); }
.hero-copy .status-dot { background: #a40041; }
.hero .word-block { box-shadow: 5px 5px 0 var(--ink); }
.hero-description { color: var(--ink); }
.hero-actions .button { box-shadow: 5px 5px 0 var(--ink); }
.hero-actions .button:hover { box-shadow: 7px 7px 0 var(--ink); }
.hero-actions .button:active { box-shadow: 1px 1px 0 var(--ink); }
.hero-actions > .text-link { color: var(--ink); }
.hero-actions > .text-link:hover { color: var(--pink-dark); }
.small-print,.platform-note,.demo-caption { color: #514b42; }
.handwritten { color: var(--ink); }
.handwritten svg { stroke: var(--ink); }
.demo-trigger { box-shadow: 3px 3px 0 var(--ink); }
footer.wrap { color: var(--ink); border-top: 3px solid var(--ink); }
.footer-bottom { color: #514b42; }
.hero :focus-visible,footer :focus-visible { outline-color: #5e29a8; }
@media(max-width:850px) {
  .hero .word-block { box-shadow: 4px 4px 0 var(--ink); }
}