/* centered-dark.html only: palette swap for the header+hero (near-black site ink). Layout, sizes and spacing come unchanged from tma-hero.css. */
#top.tma-hero.tma-dark{background:#0B0F1A;color:#F5F1E8}
#top.tma-dark h1.tma-h1{color:#F5F1E8}
#top.tma-dark .tma-sw-k{background:#F5F1E8;box-shadow:0 .02em .05em rgba(0,0,0,.45)}
#top.tma-dark .tma-sw::before{background:#2A3042}
#top.tma-dark .tma-sub{color:rgba(245,241,232,.80)}
#top.tma-dark .tma-note{color:rgba(245,241,232,.64)}
#top.tma-dark .tma-cta{color:#0B0F1A;background:#F5F1E8;border-color:#F5F1E8}
@media (hover:hover) and (pointer:fine){#top.tma-dark .tma-cta:hover{background:#FFFFFF;border-color:#FFFFFF}}
#top.tma-dark .tma-cta:focus-visible{box-shadow:0 0 0 3px #0B0F1A,0 0 0 5px #22C3E6}
#top.tma-dark .tma-how{color:#F5F1E8;text-decoration-color:#8F82F8}
@media (hover:hover) and (pointer:fine){#top.tma-dark .tma-how:hover{text-decoration-color:#22C3E6}}
#top.tma-dark .tma-how:focus-visible{outline-color:#22C3E6}