@layer reset, tokens, legado, componentes; @layer legado {
.info-box--green h2, .info-box--amber h2, .info-box--red h2, .info-box--blue h2 { margin: 0 0 6px 0; font-size: 1rem; padding-bottom: 0; border-bottom: 0; }
.info-box--amber h2 { color: #9a5b00; }
body.dark-mode .info-box--amber h2 { color: #fcd34d; }
.info-box--green h3, .info-box--amber h3, .info-box--red h3, .info-box--blue h3 { margin: 0 0 6px 0; font-size: 1rem; }
.info-box--green h3 { color: #0f6d2f; }
.info-box--amber h3 { color: #9a5b00; }
.info-box--red h3 { color: #b42318; }
.info-box--blue h3 { color: #0c56c8; }
body.dark-mode .info-box--green h3 { color: #6ee7a3; }
body.dark-mode .info-box--amber h3 { color: #fcd34d; }
body.dark-mode .info-box--red h3 { color: #fca5a5; }
body.dark-mode .info-box--blue h3 { color: #93c5fd; }

}