/* base css */

/* Theme variables, defined globally so the shared nav/footer styling in
   base.html resolves on EVERY page - not just pages that load upload.css.
   (This was the root cause of the Cutter/login/etc. header looking different:
   base.html's nav rules use these vars, but they were only defined in
   upload.css, so on other pages they were undefined and the nav fell back to
   default styling.) upload.css redefines the same values and loads later on the
   Studio, so this changes nothing there. */
/* Base root font-size. Something loaded before this (Bootstrap / injected
   sheet) sets html to 20px; upload.css resets it to 16px, but only the Studio
   loads upload.css - so every other page (Cutter, etc.) rendered 25% too big.
   Setting it here (loads on every page, after the culprit) fixes it everywhere.
   Verified on staging: Cutter nav 20px->16px, bar 100px->80px, matches Studio. */
html {
    font-size: 16px;
}

:root {
    --dark-bg: #2C3E50;
    --dark-secondary: #34495E;
    --accent-blue: #0496FF;
    --pricing-blue: #0496FF;
    --accent-blue-hover: #00A6FF;
    --text-primary: #ffffff;
    --text-secondary: #D1D5DB;
    --light-gray: #D3D3D3;
}

/* FOOTER BAND - shared by every page using base.html (Studio, Builder, Library).
   Sheldon, July 16 2026: "The library footer actually looks good, and my
   temptation is to stick with that one... just make consistent footers across
   the flask app... use the library one for now, and use it consistent across
   the board."

   This is lifted verbatim from dashboard.css, where it was only reaching the
   Library. The band matters beyond tidiness: it TERMINATES the page. Without it
   the links float in the same colour as the content and read as more content -
   and there is nothing holding the add-to-home-screen component off them, which
   is how it ended up rendering on top of the Studio's footer.

   base_nologin.html carries the same rule in its own <style> (it does not load
   this file), so login/register match too. */
.footer {
    background-color: var(--dark-secondary);
    padding: 1rem 0;
    margin-top: auto;
}