/* Vecreal — craft micro-details (Round 1).
   Loaded last (just before </head>) so :active wins over the inline :hover rules.
   Tokens are hardcoded here because this file is standalone (page :root vars aren't in scope). */

/* Branded text selection — was browser-blue against the warm palette */
::selection{background:rgba(156,74,51,.18);color:#15161A}
::-moz-selection{background:rgba(156,74,51,.18);color:#15161A}

/* Branded keyboard focus — replaces the suppressed default (:focus{outline:none}) on links/CTAs */
a:focus-visible,button:focus-visible,summary:focus-visible,
[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid #9C4A33;outline-offset:3px;border-radius:5px}
/* Carry the nav underline to keyboard focus, not only :hover */
.nav a:not(.cta):focus-visible{color:#15161A}
.nav a:not(.cta):focus-visible::after{transform:scaleX(1);transform-origin:left center}

/* Tactile press-state on the button family — none existed (clicks felt "dead" on the way down) */
.cta:active,.ghost:active,.bfit:active,.qchip:active,.fihand:active,
.navtoggle:active,.tlink:active,.plink:active,.filink:active,.seemore a:active{
  transform:translateY(0) scale(.985);transition-duration:70ms}

/* Skip-to-content (a11y) — visible only on focus, first tab stop */
.skiplink{position:absolute;left:14px;top:-52px;z-index:400;
  background:#15161A;color:#F6F7F9;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px;letter-spacing:.02em;padding:10px 15px;border-radius:6px;text-decoration:none;
  box-shadow:0 8px 22px -8px rgba(20,22,28,.5);transition:top .16s cubic-bezier(.2,.8,.2,1)}
.skiplink:focus{top:14px}

/* Guarantee ambient/looping @keyframes also stop under reduced-motion (transitions are already handled per-page) */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}
}