style.html

<div class="bg-brand-primary text-brand-primary"></div>
<div class="bg-brand-secondary text-brand-secondary"></div>
<div class="bg-brand-background text-brand-background"></div>
<div class="bg-default-primary text-default-primary"></div>
<div class="bg-default-secondary text-default-secondary"></div>
<div class="bg-default-background text-default-background"></div>
<div class="bg-ceil_nior-primary text-ceil_nior-primary"></div>
<div class="bg-ceil_nior-secondary text-ceil_nior-secondary"></div>
<div class="bg-ceil_nior-background text-ceil_nior-background"></div>
<div class="bg-everbloom-primary text-everbloom-primary"></div>
<div class="bg-everbloom-secondary text-everbloom-secondary"></div>
<div class="bg-everbloom-background text-everbloom-background"></div>
<div class="bg-taraj-primary text-taraj-primary"></div>
<div class="bg-taraj-secondary text-taraj-secondary"></div>
<div class="bg-taraj-background text-taraj-background"></div>
<div class="bg-nivalia-primary text-nivalia-primary"></div>
<div class="bg-nivalia-secondary text-nivalia-secondary"></div>
<div class="bg-nivalia-background text-nivalia-background"></div>
<div class="bg-hirutai-primary text-hirutai-primary"></div>
<div class="bg-hirutai-secondary text-hirutai-secondary"></div>
<div class="bg-hirutai-background text-hirutai-background"></div>
<div class="bg-celestia-primary text-celestia-primary"></div>
<div class="bg-celestia-secondary text-celestia-secondary"></div>
<div class="bg-celestia-background text-celestia-background"></div>