/* Ferenge Design System — base (cópia fiel de tokens/base.css). */
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:var(--weight-medium);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-black);margin:0;line-height:1.05;letter-spacing:-0.01em}
p{margin:0}
a{color:inherit}
a:hover{color:var(--orange-dim)}
img{max-width:100%;display:block}
::selection{background:var(--orange);color:var(--white)}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.wrap{width:var(--container);margin-inline:auto}
.mono{font-family:var(--font-mono)}
.cota{position:relative;display:inline-flex;align-items:baseline;gap:0.4em;font-family:var(--font-mono)}
.cota::before,.cota::after{content:'';width:1.6em;height:1px;background:currentColor;align-self:center;opacity:0.55}
.cota::before{margin-right:-0.15em}.cota::after{margin-left:-0.15em}
@keyframes card-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}
@keyframes lightbox-image-in{from{opacity:0;transform:scale(0.97)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}