/* ===========================
   GLOBAL DESIGN TOKENS
   =========================== */
:root {
    --mobile-breakpoint: 650px; /*does not work for media queries in CSS files*/
    --sidebar-width-collapsed: 50px;
    --sidebar-width-expanded: 250px;

    --header-height: 70px;
    --footer-height: 26px;
}