/* shell.css — the palette and the menu panel, defined once. * * WHY THIS FILE EXISTS * The same panel had been hand-copied into three pages — /app, /calendar and * /admin — because there was no shared stylesheet to put it in and each page is * a standalone HTML file. Nobody chose that; it accumulated, one reasonable * instruction at a time. It was already drifting: three copies with three * different scoping strategies and three sets of class names, so adding a nav * item or fixing a hover state was three edits that would silently fall out of * step. * * Source of the design: prototypes/canvas-video-mockup/index.html. * * login.html keeps its smaller token vocabulary, but now follows the same * five-family × two-mode contract as the authenticated shell. */ @font-face{font-family:'LiANN Nunito';src:url('/fonts/nunito-black.ttf') format('truetype'); font-style:normal;font-weight:900;font-display:swap} /* ---- palette ------------------------------------------------------------ * Five families x two modes. The values mirror the Pinyin app family so a * learner's appearance choice feels continuous across Learning with LiANN. * * THE SCOPE IS CHOSEN BY WHERE YOU PUT `.sh-theme`, and that is the whole trick * that lets one palette serve pages with opposite needs: * * the page adopts the palette (/app, /admin) *