/* =========================================================
   LIGHT-THEME.CSS
   Shared body theme for the light-themed pages: Home, About, Contact.
   Loaded after base.css and before the page's own CSS file.
   NOT loaded on dark service pages.
========================================================= */

body {
    font-family: 'AlibabaSans', sans-serif;
    color: var(--text-dark);
    background-color: var(--bg-light);
    line-height: 1.6;
    width: 1920px;
    margin: 0 auto;
    overflow-x: hidden;
}

/* Fluid override — applies immediately, before any breakpoint (matches
   original source order: fixed width first, fluid override right after) */
body {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow-x: hidden;
}

@media screen and (max-width: 1919px) {
    body {
        width: 100%;
    }
}

/* Reveal-on-scroll system now lives in base.css (shared by every page,
   light and dark, so there's one definition instead of three). */