:root {
  --role-shell-sidebar-width: 248px;
  --role-shell-topbar-height: 68px;
  --role-shell-brand-height: 76px;
  --role-shell-main-width: 1504px;
  --role-shell-logo-width: 112px;
  --role-shell-page-title-max: 36px;
  --role-shell-sidebar-bg: #123531;
  --role-shell-sidebar-line: #2c4e49;
  --role-shell-sidebar-muted: #a9bfba;
  --role-shell-nav-active: #0f766b;
  --role-shell-nav-accent: #82d4c7;
  --role-shell-drawer-width: min(320px, 88vw);
}