@import url('./tokens.css');
* { box-sizing:border-box; }
html { scroll-behavior:auto; background:var(--bg); }
body { margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-sans); font-size:var(--fs-base); line-height:var(--lh-body); }
a { color:inherit; text-decoration:none; } button,input,select,textarea { font:inherit; } button { cursor:pointer; } button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:none; box-shadow:var(--ring); }
::selection { background:var(--brand-400); color:var(--brand-900); } ::-webkit-scrollbar { width:10px; } ::-webkit-scrollbar-thumb { background:var(--brand-700); border:3px solid var(--bg); border-radius:var(--r-pill); }
.paper { background-color:var(--bg); background-image:radial-gradient(#7a3e2c10 1px,transparent 1px); background-size:7px 7px; }
.eyebrow { color:var(--brand-500); font-family:var(--font-mono); font-size:var(--fs-xs); letter-spacing:var(--tracking-wide); text-transform:uppercase; font-weight:var(--fw-bold); }
.display { font-family:var(--font-display); font-weight:500; letter-spacing:var(--tracking-tight); line-height:var(--lh-tight); }
.rule { border-top:1px solid var(--border); }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }