/* Alligator Hunting Equipment — global styles.
   Everything else is inline on the elements in index.html. */

/* DM Sans ships as a variable font (weight 400-700 on one axis) and DM Mono
   as a single regular. Both are Google Fonts (SIL Open Font License 1.1),
   self-hosted and subset to Latin plus the arrows/dashes this page uses. */
@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/dmsans-variable.woff2') format('woff2-variations'),
       url('../fonts/dmsans-variable.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Mono';
  src: url('../fonts/dmmono-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html, body { margin: 0; padding: 0; background: #000; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: #39FF14; text-decoration: none; }
a:hover { color: #ffffff; }
input, select, textarea, button { font-family: 'DM Sans', system-ui, sans-serif; }
::selection { background: #39FF14; color: #000; }
img { max-width: 100%; }

/* Styled <div>s act as controls; the renderer gives them role="button"
   and tabindex, so they also need a visible keyboard focus ring. */
[role="button"]:focus-visible {
  outline: 2px solid #39FF14;
  outline-offset: 3px;
  border-radius: 4px;
}

/* Hover states hoisted out of the markup's style-hover attributes. */
.hv1:hover { border-color:#39FF14; color:#39FF14; }
.hv2:hover { background:#FFFFFF; }
.hv3:hover { border-color:#39FF14; }
.hv4:hover { border-color:rgba(57,255,20,0.55); }
.hv5:hover { background:#fff; }
.hv6:hover { color:#39FF14; }

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}