/* Jonesin brand tokens — copied verbatim from docs/03. Never invent new values. */
:root{
  --jz-orange:#FF4D00; --jz-pink:#F5308C; --jz-lime:#D8F04B;
  --jz-ink:#1A1418; --jz-cream:#FFF6EA; --jz-peach:#FF9E6B;
  --jz-display:'Bricolage Grotesque',sans-serif;
  --jz-body:'Space Grotesk',sans-serif;
  --jz-border:3px solid var(--jz-ink);
  --jz-radius:16px;
  --jz-shadow-orange:6px 6px 0 var(--jz-orange);
  --jz-shadow-pink:6px 6px 0 var(--jz-pink);
  --jz-shadow-lime:6px 6px 0 var(--jz-lime);
  --jz-shadow-ink:6px 6px 0 var(--jz-ink);
  /* derived values from design/brand-tokens.md */
  --jz-ink-70:rgba(26,20,24,.70);
  --jz-ink-55:rgba(26,20,24,.55);
  --jz-cream-75:rgba(255,246,234,.75);
  --jz-cream-55:rgba(255,246,234,.55);
  --jz-cream-hairline:rgba(255,246,234,.25);
  --jz-ink-card:#241C20;
  --jz-lime-on-cream:#7A9A00;
}
body{background:var(--jz-cream);color:var(--jz-ink);font-family:var(--jz-body)}
html body{background:var(--jz-cream)} /* outranks Hello Elementor reset.css body{background:#fff} */
h1,h2,h3,.jz-display{font-family:var(--jz-display);font-weight:800;letter-spacing:-1.5px}
a{color:var(--jz-orange);text-decoration:none}
a:hover{color:var(--jz-pink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--jz-orange);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Skip link — visible on focus */
.jz-skip{position:fixed;left:-9999px;top:14px;z-index:200;background:var(--jz-ink);color:var(--jz-cream);
  font-weight:700;font-size:14px;padding:11px 20px;border-radius:10px}
.jz-skip:focus{left:14px;color:var(--jz-cream)}