/*
 * Hover âmbar nas matérias — modo claro
 *
 * Este arquivo é carregado por último na cascade. As regras do dark mode
 * (html.dark .xxx) têm especificidade maior que .xxx simples, então
 * protegem o dark mode sem necessidade de !important aqui.
 */

html:not(.dark) .nh-feature h1 a:hover      { color: #ff8a00; }
html:not(.dark) .nh-scard:hover h3          { color: #ff8a00; }
html:not(.dark) .nh-hot:hover strong        { color: #ff8a00; }
html:not(.dark) .nh-lead:hover h3           { color: #ff8a00; }
html:not(.dark) .nh-mini:hover h4           { color: #ff8a00; }
html:not(.dark) .tut:hover h4               { color: #ff8a00; }
html:not(.dark) .tip:hover p                { color: #ff8a00; }
html:not(.dark) .vid:hover h4               { color: #ff8a00; }
html:not(.dark) .ff-card--compact .ff-tool:hover .tt h4 { color: #ff8a00; }

/* dark mode — same cyan tone as nh-feature/nh-lead/nh-mini (editorial already handles those) */
html.dark .tut:hover h4                                  { color: #00C8FF; }
html.dark .tip:hover p                                   { color: #00C8FF; }
html.dark .vid:hover h4                                  { color: #00C8FF; }
html.dark .ff-card--compact .ff-tool:hover .tt h4        { color: #00C8FF; }