:root{
  --aa-bg:#020617;
  --aa-panel:rgba(255,255,255,.05);
  --aa-border:rgba(255,255,255,.10);
  --aa-text:#E5E7EB;
  --aa-muted:#CBD5E1;
  --aa-amber:#F59E0B;
  --aa-amber-soft:rgba(245,158,11,.18);
}

html,body{
  height:100%;
}

body{
  font-size:16px;
  line-height:1.5;
  background:var(--aa-bg);
  color:var(--aa-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color:inherit;
  text-decoration-color:rgba(245,158,11,.55);
  text-underline-offset:4px;
}

a:hover{
  text-decoration-color:rgba(245,158,11,.9);
}

::selection{
  background:rgba(245,158,11,.35);
  color:#0B1220;
}

:focus-visible{
  outline:3px solid rgba(245,158,11,.9);
  outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

:where(button,[type="button"],[type="submit"],a,input,textarea,select){
  touch-action:manipulation;
}

:where(input,textarea,select){
  accent-color:var(--aa-amber);
}