/* FabriSiteGPRS — melhorias globais (acessibilidade, foco, leitura)
   Carregar depois de theme-light.css */

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Skip link (páginas sem landing-seo.css) */
.fs-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100001;
  padding: 0.75rem 1.1rem;
  background: var(--fs-premium-accent, #C9A227);
  color: #0f172a;
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  border-radius: 0 0 10px 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.fs-skip:focus {
  left: 0;
  outline: 3px solid #f8fafc;
  outline-offset: 2px;
}

html[data-theme="light"] .fs-skip {
  background: var(--fs-l-accent, #C9A227);
  color: #fff;
}

html[data-theme="light"] .fs-skip:focus {
  outline-color: var(--fs-l-ink, #0f172a);
}

::selection {
  background: color-mix(in srgb, var(--fs-premium-accent, #C9A227) 35%, transparent);
  color: inherit;
}

html[data-theme="light"] ::selection {
  background: color-mix(in srgb, var(--fs-l-accent, #C9A227) 28%, transparent);
}

/* Foco visível consistente (além do que já existe no premium) */
.fs-header__link-entrar:focus-visible,
.fs-header__btn-assinar:focus-visible,
.fs-header__nav a:focus-visible,
.fs-legal-back:focus-visible,
.fs-auth-back:focus-visible,
.fs-legal-footer-mini a:focus-visible {
  outline: 2px solid var(--fs-premium-accent, #C9A227);
  outline-offset: 3px;
  border-radius: 6px;
}

html[data-theme="light"] .fs-header__nav a:focus-visible,
html[data-theme="light"] .fs-legal-back:focus-visible,
html[data-theme="light"] .fs-auth-back:focus-visible {
  outline-color: var(--fs-l-accent, #C9A227);
}

.fs-header__dropdown summary:focus-visible {
  outline: 2px solid var(--fs-premium-accent, #C9A227);
  outline-offset: 2px;
}

/* Formulários login/cadastro */
.fs-auth-page .login100-form-btn:focus-visible,
.fs-auth-page .input100:focus-visible {
  outline: 2px solid var(--fs-premium-accent, #C9A227);
  outline-offset: 2px;
}

html[data-theme="light"] .fs-auth-page .login100-form-btn:focus-visible,
html[data-theme="light"] .fs-auth-page .input100:focus-visible {
  outline-color: var(--fs-l-accent, #C9A227);
}