.published-container {
    --page-width: 1800px;
    --page-side-padding: 48px;

    --footer-display: none;
    /* ... CSS variables for Publish that do not change when light or dark mode is enabled. They sometimes link to color variables in .theme-light or .theme-dark */
}

.theme-light {
    --background-primary: #b3bcc3;
    --background-secondary: #b3bcc3;
    --link-color: #e1ff00;
    --h1-color: #333333;
    --h2-color: #333333;
    --h3-color: #333333;
    --h4-color: #333333;
    --h5-color: #333333;
    --h6-color: #333333;

    /* ... CSS color variables for when light mode is enabled */
}
.theme-dark {
    --background-primary: #333333;
    --background-secondary: #333333;
    --link-color: #e1ff00;
    --h1-color: #e1ff00;
    --h2-color: #e1ff00;
    --h3-color: #e1ff00;
    --h4-color: #e1ff00;
    --h5-color: #e1ff00;
    --h6-color: #e1ff00;

    /* ... CSS color variables for when dark mode is enabled */
}