/* Reset e correcoes de plataforma. Mobile Chrome + Safari iOS sao o alvo. */
*,*::before,*::after{ box-sizing:border-box }
*{ -webkit-tap-highlight-color:transparent }

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overscroll-behavior-y:none;
}

body{
  margin:0;
  background:var(--surface-escura);
  color:var(--text-sobre-escuro);
  font-family:var(--font-marca);
  font-size:var(--fs-corpo);
  font-weight:var(--fw-corpo);
  line-height:var(--lh-corpo);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

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

a{ color:var(--ak-papel); text-decoration:none; transition:var(--transicao) }
a:hover{ color:#fff }

button,input,select,textarea{
  font:inherit; color:inherit; margin:0;
  border-radius:var(--raio);
  -webkit-appearance:none; appearance:none;
}
button{ background:none; border:0 }

/* 16px em campo: abaixo disso o Safari do iOS da zoom ao focar. */
input,select,textarea{ font-size:var(--fs-campo) }

/* Alvo de toque minimo em tudo que se toca. */
a,button,[role="button"],label,summary,input[type="checkbox"],input[type="radio"]{
  min-height:var(--toque-min);
}
a{ min-height:auto } /* link dentro de texto corrido nao inflar linha */
a.ak-toque{ display:inline-flex; align-items:center; min-height:var(--toque-min) }

:where(a,button,[role="button"],input,select,textarea,summary):focus-visible{
  outline:var(--foco); outline-offset:var(--foco-offset);
}

/* Em tela de toque nao existe hover. Sem isto o estado fica preso apos o tap. */
@media (hover:none){
  a:hover,button:hover{ color:inherit }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important }
}

/* Utilitarios minimos — os unicos do sistema. */
.ak-container{ width:var(--container); margin-inline:auto }
.ak-num{ font-variant-numeric:var(--num-tabular) }
.ak-nao-imprime{}
.ak-so-impresso{ display:none }