<section class="section" id="colors">
	<h2 class="section-title">Color Palette</h2>

	<div class="palette">
		<div class="color">
			<div class="color-box bg-primary"></div>
			<span>Primary</span>
		</div>

		<div class="color">
			<div class="color-box bg-secondary"></div>
			<span>Secondary</span>
		</div>

		<div class="color">
			<div class="color-box bg-accent"></div>
			<span>Accent</span>
		</div>

		<div class="color">
			<div class="color-box bg-info"></div>
			<span>Info</span>
		</div>

		<div class="color">
			<div class="color-box bg-success"></div>
			<span>Success</span>
		</div>

		<div class="color">
			<div class="color-box bg-warning"></div>
			<span>Warning</span>
		</div>

		<div class="color">
			<div class="color-box bg-error"></div>
			<span>Error</span>
		</div>
	</div>
</section>
