body {
    font-family: var(--font_family);
    color: var(--font_color);
    background-color: var(--primary_bg_color);
}

.bg-primary-color { background-color: var(--primary_color); }
.bg-primary-color-hover:hover { background-color: var(--primary_color_hover); }
.bg-secondary-color { background-color: var(--secondary_color); }
.bg-footer { background-color: var(--footer_bg_color); color: var(--footer_color); }

ol {
    list-style: decimal;
    margin: 0 0 1em 1.5em;
    padding: 0;
}

ul {
    list-style: disc;
    margin: 0 0 1em 1.5em;
    padding: 0;
}

li {
    margin-bottom: 0.5em;
}

ol ol {
    list-style: lower-alpha;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

ul ul {
    list-style: circle;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* Add other Tailwind CSS classes or custom styles here */