.published-container {
    --page-width: 800px;
    --page-side-padding: 48px;
    --sidebar-left-width: 400px;

    --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: #f5f6f7;
    --h1-color: #000000;
   
    /* ... CSS color variables for when light mode is enabled */
  }
  .theme-dark {
    --background-primary: #181a1d;
    --h1-color: #ffffff;
    
    /* ... CSS color variables for when dark mode is enabled */
  }